._stack_vrggz_1 {
    display: flex;
    flex-flow: var(--stack-direction, column) var(--stack-wrap, nowrap);
    align-items: var(--stack-align, stretch);
    justify-content: var(--stack-justify, flex-start);
    flex: var(--stack-flex, initial);
    gap: var(--stack-gap, 0);
}
._border_vrggz_10._primary_vrggz_10 {
    border: var(--div-border-primary);
}
._text_434yk_1 {
    font-size: var(--text-size, 0.875rem);
    font-weight: var(--text-weight, 400);
    line-height: var(--text-line-height, 1.25rem);
    text-transform: var(--text-transform, none);
    text-decoration: var(--text-decoration, none);
    white-space: var(--text-white-space, normal);
    text-align: var(--text-align, start);
    color: var(--text-color, inherit);
    margin: 0;
    font-style: var(--font-style, "normal");
    font-family: var(--font-family, var(--font-family-primary));
}
._text_434yk_1._h1_434yk_14 {
    --text-size: 1.5rem;
    --text-weight: 600;
    --text-line-height: 2rem;
}
._text_434yk_1._h2_434yk_19 {
    --text-size: 1.25rem;
    --text-weight: 500;
    --text-line-height: 1.875rem;
}
._text_434yk_1._h3_434yk_24 {
    --text-size: 1.125rem;
    --text-weight: 500;
    --text-line-height: 1.75rem;
}
._text_434yk_1._h4_434yk_29 {
    --text-size: 1rem;
    --text-weight: 500;
    --text-line-height: 1.5rem;
}
._text_434yk_1._body-regular_434yk_34 {
    --text-size: 0.875rem;
    --text-weight: 400;
    --text-line-height: 1.25rem;
}
._text_434yk_1._body-medium_434yk_39 {
    --text-size: 0.875rem;
    --text-weight: 500;
    --text-line-height: 1.25rem;
}
._text_434yk_1._body-bold_434yk_44 {
    --text-size: 0.875rem;
    --text-weight: 700;
    --text-line-height: 1.25rem;
}
._text_434yk_1._small-medium_434yk_49 {
    --text-size: 0.75rem;
    --text-weight: 500;
    --text-line-height: 1.125rem;
}
._text_434yk_1._small-regular_434yk_54 {
    --text-size: 0.75rem;
    --text-weight: 400;
    --text-line-height: 1.125rem;
}
._text_434yk_1._tiny-bold_434yk_59 {
    --text-size: 0.625rem;
    --text-weight: 700;
    --text-line-height: 1rem;
}
._text_434yk_1._tiny-medium_434yk_64 {
    --text-size: 0.625rem;
    --text-weight: 500;
    --text-line-height: 1rem;
}
._text_434yk_1._tiny-regular_434yk_69 {
    --text-size: 0.625rem;
    --text-weight: 400;
    --text-line-height: 1rem;
}
._text_434yk_1._truncate_434yk_74 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
._text_434yk_1._maxLines_434yk_79 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: var(--max-lines);
    line-clamp: var(--max-lines);
}
._border_19ebq_1._primary_19ebq_1 {
    border: var(--div-border-primary);
}
._border_19ebq_1._bold_19ebq_4 {
    border: 2px solid var(--grey-400);
}
._actionCardFooter_157si_1 {
    border-top: 1px solid var(--grey-200);
}
._actionCardFooter_157si_1._grey_157si_4 {
    background-color: var(--grey-200);
}
._actionCardFooter_157si_1._blue_157si_7 {
    background-color: var(--blue-100);
}
._actionCardFooter_157si_1._green_157si_10 {
    background-color: var(--green-100);
}
._actionCardFooter_157si_1._orange_157si_13 {
    background-color: var(--orange-100);
}
._actionCardFooter_157si_1._red_157si_16 {
    background-color: var(--red-100);
}
._actionCardFooter_157si_1._fuchsia_157si_19 {
    background-color: var(--fuchsia-100);
}
._actionCardFooter_157si_1._purple_157si_22 {
    background-color: var(--purple-100);
}
._actionCardFooter_157si_1._golden_157si_25 {
    background-color: var(--golden-100);
}
._actionCardFooter_157si_1._dark_157si_28 {
    background-color: var(--dark-100);
}
._actionCardFooter_157si_1._white_157si_31 {
    background-color: var(--white);
}
._actionCard_1yvpt_1 {
    width: 100%;
    overflow: hidden;
    background-color: var(--white);
    border: 1px solid var(--grey-300);
    border-radius: 6px;
    box-shadow: 0 2px 4px #0000000a;
    transition: box-shadow 0.2s;
}
._actionCard_1yvpt_1:has(._actionCardContent_1yvpt_10:hover) {
    box-shadow: 0 2px 4px #00000014;
}
._actionCardContent_1yvpt_10 {
    all: unset;
    cursor: pointer;
    display: flex;
    gap: 16px;
    padding: 16px 24px;
    width: 100%;
    height: 100%;
}
._actionCardContent_1yvpt_10:disabled {
    opacity: 0.6;
    pointer-events: none;
}
._alertBanner_1t3gb_1 {
    padding: 8px 16px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    border-radius: 6px;
}
._info_1t3gb_9 {
    border: 1px solid var(--blue-300);
    background-color: var(--blue-100);
    color: var(--blue-700);
}
._warning_1t3gb_15 {
    border: 1px solid var(--orange-300);
    background-color: var(--orange-100);
    color: var(--orange-700);
}
._success_1t3gb_21 {
    border: 1px solid var(--green-300);
    background-color: var(--green-100);
    color: var(--green-700);
}
._danger_1t3gb_27 {
    border: 1px solid var(--red-300);
    background-color: var(--red-100);
    color: var(--red-700);
}
._loader_4x1f4_1 {
    width: var(--loader-size, 20px);
    height: var(--loader-size, 20px);
    border-radius: 50%;
    position: relative;
    animation: _rotate_4x1f4_1 1s linear infinite;
}
._loader_4x1f4_1:before {
    content: "";
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid var(--loader-color, var(--green-500));
    animation: _prixClipFix_4x1f4_1 2s linear infinite;
}
@keyframes _rotate_4x1f4_1 {
    to {
        transform: rotate(360deg);
    }
}
@keyframes _prixClipFix_4x1f4_1 {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    to {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
}
@layer mimir {
    ._button_1exmo_2 {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: var(--button-justify-content, center);
        overflow: hidden;
        flex-shrink: 0;
        height: fit-content;
        background-color: var(--button-background-color, var(--green-900));
        border: 1px solid var(--button-border-color, var(--green-900));
        border-radius: var(--button-border-radius, 0);
        color: var(--button-color, var(--green-100));
        font-weight: var(--button-font-weight, 500);
        font-size: var(--button-font-size, 14px);
        line-height: var(--button-line-height, 20px);
        padding: var(--button-padding-top, 5px) var(--button-padding-right, 11px) var(--button-padding-bottom, 5px) var(--button-padding-left, 11px);
        transition: all 0.15s ease-in-out;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    ._button_1exmo_2:hover {
        --button-background-color: var(--green-700);
    }
    ._button_1exmo_2:focus-visible {
        outline: 4px solid var(--green-100);
    }
    ._button_1exmo_2[disabled] {
        opacity: 0.6;
        pointer-events: none;
    }
    ._button_1exmo_2._primary_1exmo_32 {
        --button-background-color: var(--green-900);
        --button-border-color: var(--green-900);
        --button-color: var(--white);
    }
    ._button_1exmo_2._primary_1exmo_32:hover {
        --button-background-color: var(--green-700);
    }
    ._button_1exmo_2._secondary_1exmo_40 {
        --button-background-color: var(--white);
        --button-border-color: var(--grey-300);
        --button-color: var(--text-400);
    }
    ._button_1exmo_2._secondary_1exmo_40:hover {
        --button-background-color: var(--grey-100);
    }
    ._button_1exmo_2._success_1exmo_48 {
        --button-background-color: var(--green-500);
        --button-border-color: var(--green-600);
        --button-color: var(--white);
    }
    ._button_1exmo_2._success_1exmo_48:hover {
        --button-background-color: var(--green-600);
    }
    ._button_1exmo_2._danger_1exmo_56 {
        --button-background-color: var(--red-500);
        --button-border-color: var(--red-600);
        --button-color: var(--white);
    }
    ._button_1exmo_2._danger_1exmo_56:hover {
        --button-background-color: var(--red-600);
    }
    ._button_1exmo_2._tertiary_1exmo_64 {
        --button-background-color: transparent;
        --button-border-color: transparent;
        --button-color: var(--text-400);
    }
    ._button_1exmo_2._tertiary_1exmo_64:hover {
        --button-background-color: var(--grey-200);
    }
    ._button_1exmo_2._dark_1exmo_72 {
        --button-background-color: var(--grey-900);
        --button-border-color: transparent;
        --button-color: var(--white);
    }
    ._button_1exmo_2._dark_1exmo_72:hover {
        --button-background-color: #363a40;
    }
    ._button_1exmo_2._secondaryDark_1exmo_80 {
        --button-background-color: var(--grey-900);
        --button-border-color: var(--grey-700);
        --button-color: var(--white);
    }
    ._button_1exmo_2._secondaryDark_1exmo_80:hover {
        --button-background-color: #363a40;
    }
    ._button_1exmo_2._purple_1exmo_88 {
        --button-background-color: var(--purple-500);
        --button-border-color: var(--purple-600);
        --button-color: var(--white);
    }
    ._button_1exmo_2._purple_1exmo_88:hover {
        --button-background-color: var(--purple-600);
    }
    ._button_1exmo_2._xxs_1exmo_96 {
        --button-padding-left: 6px;
        --button-padding-right: 6px;
        --button-padding-top: 1px;
        --button-padding-bottom: 1px;
        gap: 2px;
    }
    ._button_1exmo_2._xxs_1exmo_96._withSuffix_1exmo_103 {
        --button-padding-right: 6px;
    }
    ._button_1exmo_2._xxs_1exmo_96._withPrefix_1exmo_106 {
        --button-padding-left: 6px;
    }
    ._button_1exmo_2._xxs_1exmo_96._svgOnly_1exmo_109 {
        --button-padding-left: 1px;
        --button-padding-right: 1px;
        --button-padding-top: 1px;
        --button-padding-bottom: 1px;
    }
    ._button_1exmo_2._xs_1exmo_115 {
        --button-padding-left: 8px;
        --button-padding-right: 8px;
        --button-padding-top: 1px;
        --button-padding-bottom: 1px;
        gap: 4px;
    }
    ._button_1exmo_2._xs_1exmo_115._withSuffix_1exmo_103 {
        --button-padding-right: 7px;
    }
    ._button_1exmo_2._xs_1exmo_115._withPrefix_1exmo_106 {
        --button-padding-left: 7px;
    }
    ._button_1exmo_2._xs_1exmo_115._svgOnly_1exmo_109 {
        --button-padding-left: 1px;
        --button-padding-right: 1px;
        --button-padding-top: 1px;
        --button-padding-bottom: 1px;
    }
    ._button_1exmo_2._sm_1exmo_134 {
        --button-padding-left: 7px;
        --button-padding-right: 7px;
        --button-padding-top: 3px;
        --button-padding-bottom: 3px;
        gap: 4px;
    }
    ._button_1exmo_2._sm_1exmo_134._withSuffix_1exmo_103 {
        --button-padding-right: 3px;
    }
    ._button_1exmo_2._sm_1exmo_134._withPrefix_1exmo_106 {
        --button-padding-left: 7px;
    }
    ._button_1exmo_2._sm_1exmo_134._svgOnly_1exmo_109 {
        --button-padding-left: 3px;
        --button-padding-right: 3px;
        --button-padding-top: 3px;
        --button-padding-bottom: 3px;
    }
    ._button_1exmo_2._md_1exmo_153 {
        --button-padding-left: 11px;
        --button-padding-right: 11px;
        --button-padding-top: 5px;
        --button-padding-bottom: 5px;
        gap: 4px;
    }
    ._button_1exmo_2._md_1exmo_153._withSuffix_1exmo_103 {
        --button-padding-right: 7px;
    }
    ._button_1exmo_2._md_1exmo_153._withPrefix_1exmo_106 {
        --button-padding-left: 7px;
    }
    ._button_1exmo_2._md_1exmo_153._svgOnly_1exmo_109 {
        --button-padding-left: 5px;
        --button-padding-right: 5px;
        --button-padding-top: 5px;
        --button-padding-bottom: 5px;
    }
    ._button_1exmo_2._lg_1exmo_172 {
        --button-padding-left: 19px;
        --button-padding-right: 19px;
        --button-padding-top: 9px;
        --button-padding-bottom: 9px;
        gap: 8px;
    }
    ._button_1exmo_2._lg_1exmo_172._withSuffix_1exmo_103 {
        --button-padding-right: 9px;
    }
    ._button_1exmo_2._lg_1exmo_172._withPrefix_1exmo_106 {
        --button-padding-left: 11px;
        --button-padding-right: 15px;
    }
    ._button_1exmo_2._lg_1exmo_172._svgOnly_1exmo_109 {
        --button-padding-left: 9px;
        --button-padding-right: 9px;
        --button-padding-top: 9px;
        --button-padding-bottom: 9px;
    }
    ._button_1exmo_2._rounded_1exmo_192 {
        --button-border-radius: 6px;
    }
    ._button_1exmo_2._fullWidth_1exmo_195 {
        width: 100%;
        flex: 1;
    }
    ._content_1exmo_199 {
        display: block;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    ._content_1exmo_199._loading_1exmo_205 {
        visibility: hidden;
    }
    ._prefix_1exmo_208 {
        display: flex;
    }
    ._prefix_1exmo_208._loading_1exmo_205 {
        visibility: hidden;
    }
    ._suffix_1exmo_214 {
        display: flex;
    }
    ._suffix_1exmo_214._loading_1exmo_205 {
        visibility: hidden;
    }
}
._alertDialogContent_1pyih_1 {
    max-width: 90vw;
    min-width: min(400px, 90vw);
    max-height: 85vh;
    height: fit-content;
    z-index: var(--z-index-portal);
    background-color: var(--white);
    box-shadow: var(--shadow-m);
    border: var(--div-border-primary);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: _contentShow_1pyih_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: auto;
}
._alertDialogContent_1pyih_1:focus {
    outline: none;
}
@keyframes _contentShow_1pyih_1 {
    0% {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}
._alertDialogOverlay_1pyih_31 {
    background-color: var(--black-50);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: _overlayShow_1pyih_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: var(--z-index-portal);
}
@keyframes _overlayShow_1pyih_1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
._button_92lyi_1 {
    flex: 1;
}
._alertDialogFooter_1q0x8_1 {
    width: 100%;
    padding-top: 8px;
}
._alertDialogIllustration_1073u_1 {
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: var(--grey-100);
    width: 100%;
}
._tooltip_1ctd8_1 {
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    color: #fff;
    background-color: var(--grey-900);
    padding: 4px 8px;
    border-radius: 6px;
    -webkit-user-select: none;
    user-select: none;
    animation-duration: 0.4s;
    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
    will-change: transform, opacity;
    z-index: var(--z-index-portal);
}
._tooltip_1ctd8_1[data-state="delayed-open"][data-side="top"] {
    animation-name: _slideDownAndFade_1ctd8_1;
}
._tooltip_1ctd8_1[data-state="delayed-open"][data-side="right"] {
    animation-name: _slideLeftAndFade_1ctd8_1;
}
._tooltip_1ctd8_1[data-state="delayed-open"][data-side="bottom"] {
    animation-name: _slideUpAndFade_1ctd8_1;
}
._tooltip_1ctd8_1[data-state="delayed-open"][data-side="left"] {
    animation-name: _slideRightAndFade_1ctd8_1;
}
._tooltip_1ctd8_1._reversed_1ctd8_27 {
    color: var(--primary-color);
    background-color: #fff;
    border: var(--div-border-primary);
}
@keyframes _slideUpAndFade_1ctd8_1 {
    0% {
        opacity: 0;
        transform: translateY(2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes _slideRightAndFade_1ctd8_1 {
    0% {
        opacity: 0;
        transform: translate(-2px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
@keyframes _slideDownAndFade_1ctd8_1 {
    0% {
        opacity: 0;
        transform: translateY(-2px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
@keyframes _slideLeftAndFade_1ctd8_1 {
    0% {
        opacity: 0;
        transform: translate(2px);
    }
    to {
        opacity: 1;
        transform: translate(0);
    }
}
._badge_1oznv_1 {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    width: fit-content;
    flex-shrink: 0;
}
._badge_1oznv_1._xs_1oznv_8 {
    height: 16px;
    padding: 0 4px;
    gap: 2px;
    border-radius: 4px;
    font-size: var(--font-size-tiny);
    font-weight: var(--font-weight-medium);
}
._badge_1oznv_1._xs_1oznv_8._rounded_1oznv_16 {
    padding: 2px 4px 2px 2px;
}
._badge_1oznv_1._xs_1oznv_8 svg {
    width: 12px;
    height: 12px;
}
._badge_1oznv_1._small_1oznv_23 {
    height: 20px;
    padding: 0 6px;
    gap: 4px;
    border-radius: 6px;
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-medium);
}
._badge_1oznv_1._small_1oznv_23._rounded_1oznv_16 {
    padding: 2px 6px 2px 2px;
}
._badge_1oznv_1._small_1oznv_23 svg {
    width: 14px;
    height: 14px;
}
._badge_1oznv_1._regular_1oznv_38 {
    height: 24px;
    padding: 0 8px;
    gap: 4px;
    border-radius: 6px;
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-medium);
}
._badge_1oznv_1._regular_1oznv_38._rounded_1oznv_16 {
    padding: 2px 8px 2px 4px;
}
._badge_1oznv_1._regular_1oznv_38 svg {
    width: 16px;
    height: 16px;
}
._badge_1oznv_1._rounded_1oznv_16 {
    border-radius: 24px;
}
._badge_1oznv_1._soft_1oznv_56 {
    color: var(--badge-text-color);
    background-color: var(--badge-soft-bg);
    border: 1px solid var(--badge-soft-bg);
}
._badge_1oznv_1._solid_1oznv_61 {
    color: var(--white);
    background-color: var(--badge-color);
    border: 1px solid var(--badge-color);
}
._badge_1oznv_1._neutral_1oznv_66 {
    --badge-text-color: var(--grey-700);
    --badge-color: var(--grey-500);
    --badge-soft-bg: var(--grey-200);
}
._badge_1oznv_1._green_1oznv_71 {
    --badge-color: var(--green-500);
    --badge-soft-bg: var(--green-100);
    --badge-text-color: var(--green-700);
}
._badge_1oznv_1._blue_1oznv_76 {
    --badge-color: var(--blue-500);
    --badge-soft-bg: var(--blue-100);
    --badge-text-color: var(--blue-700);
}
._badge_1oznv_1._orange_1oznv_81 {
    --badge-color: var(--orange-500);
    --badge-soft-bg: var(--orange-100);
    --badge-text-color: var(--orange-700);
}
._badge_1oznv_1._red_1oznv_86 {
    --badge-color: var(--red-500);
    --badge-soft-bg: var(--red-100);
    --badge-text-color: var(--red-700);
}
._badge_1oznv_1._fuchsia_1oznv_91 {
    --badge-color: var(--fuchsia-500);
    --badge-soft-bg: var(--fuchsia-100);
    --badge-text-color: var(--fuchsia-700);
}
._badge_1oznv_1._purple_1oznv_96 {
    --badge-color: var(--purple-500);
    --badge-soft-bg: var(--purple-100);
    --badge-text-color: var(--purple-700);
}
._badge_1oznv_1._golden_1oznv_101 {
    --badge-color: var(--golden-500);
    --badge-soft-bg: var(--golden-100);
    --badge-text-color: var(--golden-700);
}
._badge_1oznv_1._white_1oznv_106 {
    --badge-color: var(--white);
    --badge-soft-bg: var(--white);
    --badge-text-color: var(--grey-700);
    color: var(--grey-700);
    border: var(--div-border-primary);
}
._badge_1oznv_1._primary_1oznv_113 {
    --badge-color: var(--green-900);
    --badge-soft-bg: var(--green-900);
    --badge-text-color: white;
}
._badge_1oznv_1._primary_1oznv_113 svg {
    color: var(--green-400);
}
._boxedIcon_1e4rk_1 {
    display: inline-flex;
    align-items: center;
}
._boxedIcon_1e4rk_1._xxsmall_1e4rk_5 {
    height: 20px;
    width: 20px;
}
._boxedIcon_1e4rk_1._xxsmall_1e4rk_5 svg {
    width: 14px;
    height: 14px;
}
._boxedIcon_1e4rk_1._xsmall_1e4rk_13 {
    height: 24px;
    width: 24px;
}
._boxedIcon_1e4rk_1._xsmall_1e4rk_13 svg {
    width: 16px;
    height: 16px;
}
._boxedIcon_1e4rk_1._small_1e4rk_21 {
    height: 32px;
    width: 32px;
}
._boxedIcon_1e4rk_1._small_1e4rk_21 svg {
    width: 20px;
    height: 20px;
}
._boxedIcon_1e4rk_1._medium_1e4rk_29 {
    height: 40px;
    width: 40px;
}
._boxedIcon_1e4rk_1._medium_1e4rk_29 svg {
    width: 24px;
    height: 24px;
}
._boxedIcon_1e4rk_1._xlarge_1e4rk_37 {
    height: 80px;
    width: 80px;
}
._boxedIcon_1e4rk_1._xlarge_1e4rk_37 svg {
    width: 40px;
    height: 40px;
}
._boxedIcon_1e4rk_1._large_1e4rk_45 {
    height: 64px;
    width: 64px;
}
._boxedIcon_1e4rk_1._large_1e4rk_45 svg {
    width: 33.33px;
    height: 33.33px;
}
._boxedIcon_1e4rk_1._grey_1e4rk_53 {
    color: var(--grey-500);
    background-color: var(--grey-200);
}
._boxedIcon_1e4rk_1._grey_1e4rk_53._soft_1e4rk_57 {
    color: var(--grey-200);
    background-color: var(--grey-500);
}
._boxedIcon_1e4rk_1._neutral_1e4rk_61 {
    color: var(--grey-700);
    background-color: var(--grey-200);
}
._boxedIcon_1e4rk_1._black_1e4rk_65 {
    color: var(--white);
    background-color: var(--grey-900);
}
._boxedIcon_1e4rk_1._blue_1e4rk_69 {
    color: var(--blue-700);
    background-color: var(--blue-100);
}
._boxedIcon_1e4rk_1._blue_1e4rk_69._soft_1e4rk_57 {
    color: var(--blue-100);
    background-color: var(--blue-700);
}
._boxedIcon_1e4rk_1._green_1e4rk_77 {
    color: var(--green-700);
    background-color: var(--green-100);
}
._boxedIcon_1e4rk_1._green_1e4rk_77._soft_1e4rk_57 {
    color: var(--green-100);
    background-color: var(--green-500);
}
._boxedIcon_1e4rk_1._success_1e4rk_85 {
    color: var(--green-500);
    background-color: var(--green-100);
}
._boxedIcon_1e4rk_1._orange_1e4rk_89 {
    color: var(--orange-700);
    background-color: var(--orange-100);
}
._boxedIcon_1e4rk_1._red_1e4rk_93 {
    color: var(--red-700);
    background-color: var(--red-100);
}
._boxedIcon_1e4rk_1._fuchsia_1e4rk_97 {
    color: var(--fuchsia-700);
    background-color: var(--fuchsia-100);
}
._boxedIcon_1e4rk_1._purple_1e4rk_101 {
    color: var(--purple-700);
    background-color: var(--purple-100);
}
._boxedIcon_1e4rk_1._golden_1e4rk_105 {
    color: var(--golden-700);
    background-color: var(--golden-100);
}
._boxedIcon_1e4rk_1._dark_1e4rk_109 {
    color: var(--dark-700);
    background-color: var(--dark-100);
}
._boxedIcon_1e4rk_1._white_1e4rk_113 {
    color: var(--grey-500);
    background-color: var(--white);
}
._checkbox_136ae_1 {
    all: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border-radius: 3px;
    border: var(--div-border-primary);
    background: #fff;
    box-shadow: var(--shadow-s);
}
._checkbox_136ae_1[data-state="checked"],
._checkbox_136ae_1[data-state="indeterminate"] {
    background: var(--grey-700);
    border-color: var(--grey-700);
}
._icon_136ae_23 {
    width: 14px;
    height: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
._indeterminateIcon_136ae_32 {
    width: 10px;
    height: 2px;
    background: #fff;
}
._chip_14ucq_1 {
    border-radius: 16px;
    width: fit-content;
    cursor: pointer;
    transition: all 0.15s ease-in-out;
}
._chip_14ucq_1._important_14ucq_7 {
    color: #fff;
    background-color: var(--red-500);
    border: 1px solid var(--red-600);
}
._chip_14ucq_1._important_14ucq_7:hover {
    background-color: var(--red-600);
}
._chip_14ucq_1._neutral_14ucq_15 {
    color: var(--text-primary);
    background-color: #fff;
    border: var(--div-border-primary);
}
._chip_14ucq_1._neutral_14ucq_15:hover {
    background-color: var(--grey-200);
}
._chip_14ucq_1._primary_14ucq_23 {
    color: var(--white);
    background-color: var(--green-900);
    border: var(--green-900);
}
._chip_14ucq_1._primary_14ucq_23:hover {
    background-color: var(--green-700);
}
._trigger_1fwfh_1 {
    cursor: pointer;
}
:where(._trigger_1fwfh_1[data-state="open"]) ._indicator_1fwfh_5 {
    transform: rotate(180deg);
    transition: transform 0.2s ease-in-out;
}
:where(._trigger_1fwfh_1[data-state="closed"]) ._indicator_1fwfh_5 {
    transform: rotate(0);
    transition: transform 0.2s ease-in-out;
}
._collapsibleContent_1fwfh_14 {
    overflow: hidden;
}
._collapsibleContent_1fwfh_14[data-state="open"] {
    animation: _slideDown_1fwfh_1 0.3s ease-out;
}
._collapsibleContent_1fwfh_14[data-state="closed"] {
    animation: _slideUp_1fwfh_1 0.3s ease-out;
}
@keyframes _slideDown_1fwfh_1 {
    0% {
        height: 0;
    }
    to {
        height: var(--radix-collapsible-content-height);
    }
}
@keyframes _slideUp_1fwfh_1 {
    0% {
        height: var(--radix-collapsible-content-height);
    }
    to {
        height: 0;
    }
}
._dialogContent_1g2ll_1 {
    max-width: 90vw;
    min-width: 400px;
    max-height: 85vh;
    min-height: fit-content;
    z-index: var(--z-index-portal, 1);
    background-color: var(--white);
    box-shadow: var(--shadow-m);
    border: var(--div-border-primary);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    animation: _contentShow_1g2ll_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
}
._dialogContent_1g2ll_1:focus {
    outline: none;
}
@keyframes _contentShow_1g2ll_1 {
    0% {
        opacity: 0;
        transform: translate(-50%, -48%) scale(0.96);
    }
    to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
    }
}
._fullPage_1g2ll_30 {
    width: 95vw;
    max-width: 95vw;
    height: 95vh;
    max-height: 95vh;
}
._dialogOverlay_1g2ll_37 {
    background-color: var(--black-50);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: _overlayShow_1g2ll_1 0.15s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: var(--z-index-portal, 1);
}
@keyframes _overlayShow_1g2ll_1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
._button_mv5kb_1 {
    width: 32px;
    height: 32px;
}
._header_1ozob_1 {
    border-bottom: 1px solid var(--div-border-primary-color, #dde1e7);
}
._overlay_ibugi_1 {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #0006;
    z-index: var(--z-index-portal);
}
._content_ibugi_8 {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    border-radius: 6px 0 0 6px;
    height: 100%;
    width: 640px;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: var(--z-index-portal);
}
@media screen and (width <= 800px) {
    ._content_ibugi_8 {
        width: 100%;
    }
}
._content_ibugi_8._wide_ibugi_25 {
    width: 800px;
}
._dropdownContent_k8pc1_1 {
    max-height: var(--radix-dropdown-menu-content-available-height);
    overflow-y: auto;
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    padding: 8px 0;
    border: var(--div-border-primary);
    background-color: var(--dropdown-list-background-color, var(--white));
    z-index: var(--z-index-portal);
}
._dropdownContent_k8pc1_1._light_k8pc1_11 {
    --dropdown-list-background-color: var(--white);
}
._dropdownContent_k8pc1_1._dark_k8pc1_14 {
    --dropdown-list-background-color: var(--grey-900);
}
._list-item_13az7_1 {
    display: flex;
    gap: 8px;
    -webkit-user-select: none;
    user-select: none;
    align-items: var(--list-item-align, center);
    color: var(--list-item-color, var(--text-400));
    background-color: var(--list-item-background-color, var(--white));
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    transition: background-color 0.2s;
    padding-left: 16px;
    padding-right: 16px;
}
._list-item_13az7_1._light_13az7_15 {
    --list-item-color: var(--text-400);
    --list-item-background-color: var(--white);
}
._list-item_13az7_1._light_13az7_15:hover,
._list-item_13az7_1._light_13az7_15:focus,
._list-item_13az7_1._light_13az7_15:focus-visible,
._list-item_13az7_1._light_13az7_15:not(._disabled_13az7_19):active,
._list-item_13az7_1._light_13az7_15[data-selected="true"],
._list-item_13az7_1._light_13az7_15[data-highlighted] {
    --list-item-background-color: var(--grey-200);
    outline: none;
}
._list-item_13az7_1._light_13az7_15[data-state="checked"] {
    --list-item-color: var(--text-400);
    outline: none;
}
._list-item_13az7_1._dark_13az7_27 {
    --list-item-color: var(--white);
    --list-item-background-color: var(--grey-900);
}
._list-item_13az7_1._dark_13az7_27:hover,
._list-item_13az7_1._dark_13az7_27:focus,
._list-item_13az7_1._dark_13az7_27:focus-visible,
._list-item_13az7_1._dark_13az7_27:not(._disabled_13az7_19):active,
._list-item_13az7_1._dark_13az7_27[data-selected="true"],
._list-item_13az7_1._dark_13az7_27[data-highlighted] {
    --list-item-background-color: #363a40;
}
._list-item_13az7_1._disabled_13az7_19,
._list-item_13az7_1[data-disabled="true"] {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.6;
}
._list-item_13az7_1._clickable_13az7_39 {
    cursor: pointer;
}
._list-item_13az7_1._selected_13az7_42._light_13az7_15 {
    --list-item-background-color: var(--grey-200);
}
._list-item_13az7_1._selected_13az7_42._dark_13az7_27 {
    --list-item-background-color: #363a40;
}
._list-item_13az7_1:hover ._showOnlyOnHover_13az7_48 {
    opacity: 1;
}
._md_13az7_52 {
    padding-top: 6px;
    padding-bottom: 6px;
}
._lg_13az7_57 {
    padding-top: 12px;
    padding-bottom: 12px;
}
._suffix_13az7_62 {
    display: flex;
    align-self: center;
    justify-content: center;
}
._suffix_13az7_62._showOnlyOnHover_13az7_48 {
    opacity: 0;
}
._content_13az7_71 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-direction: column;
}
._wrap_13az7_79 {
    white-space: normal;
}
._dropdownSeparator_mkpbh_1 {
    margin: 8px 0;
    border-width: 1px 0 0;
    border-color: var(--dropdown-divider-color, var(--grey-300));
    border-style: solid;
}
._dropdownSeparator_mkpbh_1._light_mkpbh_7 {
    --dropdown-divider-color: var(--grey-300);
}
._dropdownSeparator_mkpbh_1._dark_mkpbh_10 {
    --dropdown-divider-color: rgb(255 255 255 / 8%);
}
._dropdownLabel_13r1h_1 {
    height: 24px;
    padding: 0 16px;
}
._dropdownSubContent_5strv_1 {
    min-width: max-content;
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    padding: 8px 0;
    border: var(--div-border-primary);
    background-color: var(--dropdown-list-background-color, var(--white));
    z-index: var(--z-index-portal);
    max-height: var(--radix-dropdown-menu-content-available-height);
    overflow-y: scroll;
}
._dropdownSubContent_5strv_1._light_5strv_12 {
    --dropdown-list-background-color: var(--white);
}
._dropdownSubContent_5strv_1._dark_5strv_15 {
    --dropdown-list-background-color: var(--grey-900);
}
._inputContainer_1mrkk_1 {
    display: flex;
    align-items: center;
    gap: 8px;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    transition: border-color, box-shadow 0.2s ease-in-out;
}
._inputContainer_1mrkk_1:focus-within {
    border-color: var(--text-secondary);
    box-shadow: 0 0 0 1px var(--text-secondary);
}
._inputContainer_1mrkk_1._error_1mrkk_14 {
    border-color: var(--red-500);
}
._inputContainer_1mrkk_1._error_1mrkk_14:focus-within {
    border-color: var(--red-500);
    box-shadow: 0 0 0 1px var(--red-500);
}
._inputContainer_1mrkk_1._full_1mrkk_21 {
    width: 100%;
}
._inputContainer_1mrkk_1._tertiary_1mrkk_24 {
    border: none;
    background-color: transparent;
    border-color: transparent;
}
._inputContainer_1mrkk_1._tertiary_1mrkk_24:hover:not(:focus-within) {
    background-color: var(--grey-200);
}
._inputContainer_1mrkk_1._sm_1mrkk_32 {
    padding: 3px 12px;
}
._inputContainer_1mrkk_1._md_1mrkk_35 {
    padding: 5px 12px;
}
._inputContainer_1mrkk_1._lg_1mrkk_38 {
    padding: 7px 12px;
}
._inputContainer_1mrkk_1._xl_1mrkk_41 {
    padding: 9px 12px;
}
._input_1mrkk_1 {
    width: 100%;
    flex: 1;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: var(--font-family-primary);
    color: var(--text-500);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-overflow: ellipsis;
}
._input_1mrkk_1::placeholder {
    color: var(--text-tertiary);
}
._input_1mrkk_1::-webkit-outer-spin-button,
._input_1mrkk_1::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
._input_1mrkk_1[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
._prefix_1mrkk_74,
._suffix_1mrkk_79 {
    color: var(--text-300);
    display: inline-flex;
}
._combobox_sw20f_1 {
    width: 100%;
}
._comboboxContent_sw20f_5 {
    min-width: fit-content;
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    border: var(--div-border-primary);
    background-color: var(--white);
    width: var(--radix-popover-trigger-width);
    z-index: var(--z-index-portal);
}
._popoverContent_vdmrf_1 {
    min-width: 100%;
    box-shadow: var(--box-shadow-toolbar);
    border-radius: 6px;
    border: var(--div-border-primary);
    background-color: var(--white);
    width: var(--radix-select-trigger-width);
}
._popoverContentDefault_vdmrf_10 {
    z-index: var(--z-index-portal);
}
.mimir-date-picker-input {
    border: var(--div-border-primary);
    border-radius: 6px;
    height: 32px;
    padding: 6px 8px;
    background-color: var(--white);
}
.mimir-date-picker-input_error {
    border: 1px solid var(--red-400);
}
.mimir-date-picker-input__clear-button {
    opacity: 0;
}
.mimir-date-picker-input:hover .mimir-date-picker-input__clear-button {
    opacity: 1;
}
.mimir-date-picker-input fieldset {
    border: none !important;
    outline: none !important;
}
.mimir-date-picker-input:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
.mimir-date-picker-input__tertiary {
    border: none;
    background-color: transparent;
}
.mimir-date-picker-input__tertiary .mimir-date-picker-input__tertiary__icon {
    display: none;
}
.mimir-date-picker-input__tertiary__open .mimir-date-picker-input__tertiary__icon {
    display: block;
}
.mimir-date-picker-input__tertiary:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
.mimir-date-picker-input__tertiary:focus-within .mimir-date-picker-input__tertiary__icon {
    display: block;
}
.mimir-date-picker-input__tertiary:hover:not(:focus-within) {
    background-color: var(--grey-200);
}
.mimir-date-picker-input .MuiInputBase-input {
    padding: 0 !important;
    color: var(--text-400) !important;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-family: var(--font-family-primary) !important;
    text-transform: lowercase;
}
.mimir-date-picker-input .MuiInputBase-input::placeholder {
    color: var(--text-tertiary, #667085) !important;
    opacity: 1;
    font-weight: 400 !important;
    font-size: 14px !important;
    font-family: var(--font-family-primary) !important;
    text-transform: none;
}
.mimir-date-picker-calendar .MuiDateCalendar-root {
    width: 280px !important;
    height: 300px !important;
}
.mimir-date-picker-calendar .MuiDayCalendar-weekDayLabel {
    color: var(--grey-400) !important;
    font-weight: 500 !important;
    font-size: 12px !important;
    width: 32px !important;
    height: 32px !important;
}
.mimir-date-picker-calendar .MuiPickersDay-root {
    width: 32px !important;
    height: 32px !important;
    color: var(--text-secondary);
    border: none !important;
    border-width: 0 !important;
    border-radius: 6px !important;
    background-color: var(--div-bg-primary);
    font-size: 14px !important;
    font-weight: 500 !important;
    font-family: var(--font-family-primary) !important;
}
.mimir-date-picker-calendar .MuiPickersDay-root:hover {
    background-color: var(--grey-200);
}
.mimir-date-picker-calendar .MuiPickersDay-root.Mui-selected {
    color: #fff !important;
    background-color: var(--grey-900) !important;
}
.mimir-date-picker-calendar .MuiPickersDay-root.Mui-selected:hover {
    background-color: var(--grey-900) !important;
    color: #fff !important;
}
.mimir-date-picker-calendar .MuiPickersDay-today {
    color: var(--green-700) !important;
    border: none !important;
    border-width: 0 !important;
    border-radius: 6px !important;
    background-color: var(--green-100) !important;
}
.mimir-date-picker-calendar .MuiPickersDay-today:hover {
    background-color: var(--green-200) !important;
    color: var(--green-800) !important;
}
.mimir-date-picker-calendar .Mui-selected {
    border: none !important;
    border-width: 0 !important;
    border-radius: 6px !important;
}
.mimir-date-picker-calendar .MuiPickersDay-dayOutsideMonth {
    color: var(--grey-400) !important;
}
.mimir-date-picker-calendar .MuiPickersDay-dayOutsideMonth:hover {
    background-color: #fff !important;
    cursor: default;
}
.mimir-date-picker-calendar .MuiPaper-root {
    box-shadow: none !important;
    border: solid !important;
    border-width: 1 !important;
    border-color: var(--grey-300) !important;
    border-radius: 6px !important;
}
.mimir-date-picker-calendar .MuiMonthCalendar-root {
    padding: 8px 14px !important;
    width: inherit !important;
}
.mimir-date-picker-calendar .MuiPickersMonth-root {
    width: 59px !important;
}
.mimir-date-picker-calendar .MuiPickersMonth-monthButton {
    margin-left: 2px !important;
    margin-right: 2px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
    font-family: var(--font-family-primary) !important;
}
.mimir-date-picker-calendar .MuiPickersMonth-monthButton:hover {
    background-color: var(--grey-200) !important;
}
.mimir-date-picker-calendar .MuiPickersMonth-monthButton.Mui-selected {
    background-color: var(--grey-900) !important;
    color: #fff !important;
}
.mimir-date-picker-calendar .MuiPickersYear-root {
    width: 59px !important;
}
.mimir-date-picker-calendar .MuiYearCalendar-root {
    padding: 8px 14px !important;
    width: inherit !important;
}
.mimir-date-picker-calendar .MuiPickersYear-yearButton {
    margin-left: 2px !important;
    margin-right: 2px !important;
    border-radius: 6px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--text-secondary) !important;
    font-family: var(--font-family-primary) !important;
}
.mimir-date-picker-calendar .MuiPickersYear-yearButton:hover {
    background-color: var(--grey-200) !important;
}
.mimir-date-picker-calendar .MuiPickersYear-yearButton.Mui-selected {
    background-color: var(--grey-900) !important;
    color: #fff !important;
}
._formGroup_1o0t3_1 {
    display: flex;
}
._formLabel_plrk0_1 {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--text-400);
}
._multiSelectTrigger_1lqph_1:hover {
    --button-background-color: var(--white) !important;
    --button-border-color: var(--grey-700) !important;
}
._multiSelectTrigger_1lqph_1:focus-within {
    border-color: var(--grey-900) !important;
    box-shadow: 0 0 0 1px var(--grey-900) !important;
}
._multiSelectTrigger_1lqph_1._tertiary_1lqph_9 {
    --button-background-color: transparent !important;
    --button-border-color: transparent !important;
    --button-color: var(--text-400) !important;
}
._multiSelectTrigger_1lqph_1._tertiary_1lqph_9:hover {
    --button-background-color: var(--grey-200) !important;
}
._multiselectContent_97gfz_1 {
    min-width: fit-content;
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    padding: 8px 0;
    border: var(--div-border-primary);
    background-color: var(--white);
    max-height: var(--radix-dropdown-menu-content-available-height);
    z-index: calc(var(--z-index-portal) + 9999);
}
._multiSelectDropdownSeparator_rrwpi_1 {
    border: none;
    border-top: var(--div-border-primary);
}
._radioGroupItem_1oxsx_1 {
    all: unset;
    position: relative;
    box-sizing: border-box;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
._radioGroupItem_1oxsx_1[data-state="checked"] {
    border: 2px solid var(--radio-color, var(--green-500));
}
._radioGroupItem_1oxsx_1[data-state="unchecked"] {
    border: 2px solid var(--text-300);
}
._radioGroupItem_1oxsx_1:focus {
    border: 2px solid var(--radio-color, var(--green-500));
}
._radioGroupItem_1oxsx_1._grey_1oxsx_21 {
    --radio-color: var(--grey-700);
}
._radioGroupIndicator_1oxsx_25 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 5px);
    height: calc(100% - 5px);
    border-radius: 50%;
    background-color: var(--radio-color, var(--green-500));
}
._radioGroupIndicator_1oxsx_25._grey_1oxsx_21 {
    --radio-color: var(--grey-700);
}
._selectTrigger_1dw9m_1._secondary_1dw9m_1 {
    --button-background-color: var(--grey-200);
    --button-border-color: var(--grey-200);
    --button-color: var(--text-400);
}
._selectTrigger_1dw9m_1._secondary_1dw9m_1:hover {
    --button-background-color: var(--grey-300);
    --button-border-color: var(--grey-300);
}
._selectTrigger_1dw9m_1._tertiary_1dw9m_10 {
    --button-background-color: transparent;
    --button-border-color: transparent;
    --button-color: var(--text-400);
    font-weight: 400;
}
._selectTrigger_1dw9m_1._tertiary_1dw9m_10:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
._selectTrigger_1dw9m_1._tertiary_1dw9m_10:hover {
    --button-background-color: var(--grey-200);
}
._selectSuffix_1dw9m_24._primary_1dw9m_24 {
    color: var(--grey-500);
}
._selectSuffix_1dw9m_24._secondary_1dw9m_1 {
    color: var(--grey-400);
}
._selectSuffix_1dw9m_24._tertiary_1dw9m_10 {
    display: none;
}
._selectContent_qmbnb_1 {
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    padding: 8px 0;
    border: var(--div-border-primary);
    background-color: var(--white);
    min-width: var(--radix-select-trigger-width);
    max-width: var(--radix-select-trigger-width);
    max-height: var(--radix-select-content-available-height);
    z-index: var(--z-index-portal);
}
._selectItem_11ihs_1 {
    background-color: var(--white);
}
._selectItem_11ihs_1[data-highlighted] {
    outline: none;
    background-color: var(--grey-200);
}
._selectLabel_gnpyp_1 {
    padding: var(--select-label-padding, 6px 16px);
    height: var(--select-label-height, 32px);
    margin-bottom: var(--select-label-margin-bottom, initial);
}
._selectLabel_gnpyp_1._regular_gnpyp_6 {
    --select-label-padding: 6px 16px;
    --select-label-height: 32px;
    --select-label-margin-bottom: 4px;
}
._selectLabel_gnpyp_1._small_gnpyp_11 {
    --select-label-padding: 4px 16px;
    --select-label-height: 24px;
}
._selectSeparator_1rhd7_1 {
    margin-top: 8px;
    height: 1px;
    border-bottom: var(--div-border-primary);
}
._switchRoot_rl4zl_1 {
    all: unset;
    width: 20px;
    height: 12px;
    background-color: var(--neutral-400, #98a2b3);
    border-radius: 6px;
    position: relative;
    cursor: pointer;
}
._switchRoot_rl4zl_1[data-state="checked"] {
    background-color: var(--green-500);
}
._switchRoot_rl4zl_1[data-disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}
._switchThumb_rl4zl_20 {
    display: block;
    width: 8px;
    height: 8px;
    background-color: var(--white);
    border-radius: 50%;
    transition: transform 0.1s;
    transform: translate(2px);
    will-change: transform;
}
._switchThumb_rl4zl_20[data-state="checked"] {
    transform: translate(10px);
}
._textareaContainer_nqp39_1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    transition: border-color, box-shadow 0.2s ease-in-out;
    padding: 5px 12px;
}
._textareaContainer_nqp39_1:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
._textareaContainer_nqp39_1._error_nqp39_15 {
    border-color: var(--red-500);
}
._textareaContainer_nqp39_1._error_nqp39_15:focus-within {
    border-color: var(--red-500);
    box-shadow: 0 0 0 1px var(--red-500);
}
._textarea_nqp39_1 {
    all: unset;
    width: 100%;
    resize: none;
    color: var(--text-500);
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
}
._textarea_nqp39_1:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
._autocompleteGroup_99ocw_1 {
    padding-bottom: 8px;
    margin-bottom: 8px;
    border-bottom: var(--div-border-primary);
}
._autocompleteGroup_99ocw_1:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}
._toggleCardGroupItem_1eows_1 {
    all: unset;
    border: var(--div-border-primary);
    display: flex;
    align-items: flex-start;
    padding: 12px 16px;
    gap: 8px;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    flex: 1;
}
._toggleCardGroupItem_1eows_1 ._description_1eows_12 {
    color: var(--text-tertiary, #667085);
}
._toggleCardGroupItem__selected_1eows_15,
._toggleCardGroupItem_1eows_1[data-state="on"] {
    background: var(--green-100);
    border: 1px solid var(--green-500);
    color: var(--green-700);
}
._toggleCardGroupItem_1eows_1[data-state="on"] ._text_1eows_25,
._toggleCardGroupItem_1eows_1[data-state="on"] ._description_1eows_12 {
    color: var(--green-700);
}
._toggleCardGroupItem_1eows_1:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
._toggleCardGroupItem_1eows_1:hover:not(._toggleCardGroupItem_1eows_1:disabled) {
    border: 1px solid var(--green-500);
    box-shadow: 0 0 3px 4px #27a90733;
}
._toggleCardGroupItem_1eows_1:focus:not(._toggleCardGroupItem_1eows_1:disabled) {
    border: 1px solid var(--green-500);
    outline: none;
}
._toggleCardGroupItem_1eows_1:focus-visible:not(._toggleCardGroupItem_1eows_1:disabled) {
    border: 1px solid var(--green-500);
    box-shadow: 0 0 3px 4px #27a90733;
}
._toggleCardGroup_5sdr0_1 {
    --toggle-card-group-gap: 8px;
    display: grid;
    gap: var(--toggle-card-group-gap);
    width: 100%;
    grid-template-columns: 1fr;
    align-items: stretch;
}
._toggleCardGroup_5sdr0_1._hasColumns_5sdr0_9 {
    grid-auto-flow: row;
    grid-template-columns: repeat(var(--toggle-card-group-columns, 1), minmax(0, 1fr));
}
._hoverCardContent_1eu6b_1 {
    min-width: 100%;
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    border: var(--div-border-primary);
    background-color: var(--white);
}
._hoverCardContentDefault_1eu6b_9 {
    z-index: var(--z-index-portal);
}
@layer mimir {
    ._button_xw8g3_2 {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: var(--button-justify-content, center);
        overflow: hidden;
        flex-shrink: 0;
        height: fit-content;
        background-color: var(--button-background-color, var(--green-900));
        border: 1px solid var(--button-border-color, var(--green-900));
        border-radius: var(--button-border-radius, 6px);
        color: var(--button-color, var(--green-100));
        font-weight: var(--button-font-weight, 500);
        font-size: var(--button-font-size, 14px);
        line-height: var(--button-line-height, 20px);
        padding: var(--button-padding-top, 5px) var(--button-padding-right, 11px) var(--button-padding-bottom, 5px) var(--button-padding-left, 11px);
        transition: all 0.15s ease-in-out;
        -webkit-user-select: none;
        user-select: none;
        cursor: pointer;
    }
    ._button_xw8g3_2:hover {
        --button-background-color: var(--green-700);
    }
    ._button_xw8g3_2:focus-visible {
        outline: 4px solid var(--green-100);
    }
    ._button_xw8g3_2[disabled] {
        opacity: 0.6;
        cursor: not-allowed;
    }
    ._button_xw8g3_2._primary_xw8g3_32 {
        --button-background-color: var(--green-900);
        --button-border-color: var(--green-900);
        --button-color: var(--white);
    }
    ._button_xw8g3_2._primary_xw8g3_32:hover {
        --button-background-color: var(--green-700);
    }
    ._button_xw8g3_2._secondary_xw8g3_40 {
        --button-background-color: var(--white);
        --button-border-color: var(--grey-300);
        --button-color: var(--text-400);
    }
    ._button_xw8g3_2._secondary_xw8g3_40:hover {
        --button-background-color: var(--grey-100);
    }
    ._button_xw8g3_2._success_xw8g3_48 {
        --button-background-color: var(--green-500);
        --button-border-color: var(--green-600);
        --button-color: var(--white);
    }
    ._button_xw8g3_2._success_xw8g3_48:hover {
        --button-background-color: var(--green-600);
    }
    ._button_xw8g3_2._danger_xw8g3_56 {
        --button-background-color: var(--red-500);
        --button-border-color: var(--red-600);
        --button-color: var(--white);
    }
    ._button_xw8g3_2._danger_xw8g3_56:hover {
        --button-background-color: var(--red-600);
    }
    ._button_xw8g3_2._tertiary_xw8g3_64 {
        --button-background-color: transparent;
        --button-border-color: transparent;
        --button-color: var(--text-400);
    }
    ._button_xw8g3_2._tertiary_xw8g3_64:hover {
        --button-background-color: var(--grey-200);
    }
    ._button_xw8g3_2._dark_xw8g3_72 {
        --button-background-color: var(--grey-900);
        --button-border-color: transparent;
        --button-color: var(--white);
    }
    ._button_xw8g3_2._dark_xw8g3_72:hover {
        --button-background-color: #363a40;
    }
    ._button_xw8g3_2._purple_xw8g3_80 {
        --button-background-color: var(--purple-500);
        --button-border-color: var(--purple-600);
        --button-color: var(--white);
    }
    ._button_xw8g3_2._purple_xw8g3_80:hover {
        --button-background-color: var(--purple-600);
    }
    ._button_xw8g3_2._xs_xw8g3_88 {
        --button-padding-left: 1px;
        --button-padding-right: 1px;
        --button-padding-top: 1px;
        --button-padding-bottom: 1px;
    }
    ._button_xw8g3_2._sm_xw8g3_94 {
        --button-padding-left: 3px;
        --button-padding-right: 3px;
        --button-padding-top: 3px;
        --button-padding-bottom: 3px;
    }
    ._button_xw8g3_2._md_xw8g3_100 {
        --button-padding-left: 5px;
        --button-padding-right: 5px;
        --button-padding-top: 5px;
        --button-padding-bottom: 5px;
    }
    ._button_xw8g3_2._lg_xw8g3_106 {
        --button-padding-left: 9px;
        --button-padding-right: 9px;
        --button-padding-top: 9px;
        --button-padding-bottom: 9px;
    }
}
.infinite-table-body-skeleton__checkbox_cell {
    z-index: 1;
}
.infinite-table-body-skeleton__data-cell:nth-child(2) {
    padding-left: 0;
}
.infinite-table-row-data_fixed:nth-child(1) {
    position: sticky;
    left: 0;
    background: var(--white);
}
.infinite-table-row-header {
    position: sticky;
    top: 0;
    background: var(--white);
    z-index: 1;
}
.infinite-table-row-header_fixed:nth-child(1) {
    width: 0;
    position: sticky;
    left: 0;
    z-index: 1;
}
._inlineButton_101kz_1 {
    all: unset;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    transition: all 0.15s ease-in-out;
    cursor: pointer;
    color: var(--button-color, var(--text-400));
    fill: var(--button-color, var(--text-400));
}
._inlineButton_101kz_1:hover {
    --button-color: var(--green-500);
}
._inlineButton_101kz_1:focus-visible {
    outline: 4px solid var(--green-100);
}
._inlineButton_101kz_1[disabled] {
    opacity: 0.6;
    pointer-events: none;
}
._inlineButton_101kz_1._primary_101kz_24 {
    --button-color: var(--text-400);
}
._inlineButton_101kz_1._primary_101kz_24:hover,
._inlineButton_101kz_1._success_101kz_30 {
    --button-color: var(--green-500);
}
._inlineButton_101kz_1._success_101kz_30:hover {
    --button-color: var(--green-600);
}
._link_n0siy_1 {
    text-decoration: var(--link-underline, none);
    transition: all 0.2s ease-in-out;
    font-weight: var(--link-weight, 500);
    font-size: 14px;
    line-height: 20px;
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    color: var(--text-400);
}
._link_n0siy_1:hover {
    color: var(--green-600) !important;
    text-decoration: underline;
}
._markdown_qs7ig_1 p,
._markdown_qs7ig_1 h1,
._markdown_qs7ig_1 h2,
._markdown_qs7ig_1 h3 {
    margin-block: 16px;
    margin-inline: 0;
}
._markdown_qs7ig_1 ul {
    padding-inline-start: 20px;
    list-style-type: disc;
    line-height: 20px;
}
._markdown_qs7ig_1 ul p {
    margin-block: 0;
    margin-inline: 0;
}
._markdown_qs7ig_1 ol {
    padding-inline-start: 20px;
    line-height: 20px;
}
._markdown_qs7ig_1 ol p {
    margin-block: 0;
    margin-inline: 0;
}
._markdown_qs7ig_1 hr {
    border: 0;
    border-top: var(--div-border-primary);
}
._compactMarkdown_qs7ig_30 p,
._compactMarkdown_qs7ig_30 h1,
._compactMarkdown_qs7ig_30 h2,
._compactMarkdown_qs7ig_30 h3 {
    margin-block: 0;
    margin-inline: 0;
}
._compactMarkdown_qs7ig_30 ul {
    padding-inline-start: 20px;
    list-style-type: disc;
    line-height: 20px;
}
._compactMarkdown_qs7ig_30 ul p {
    margin-block: 0;
    margin-inline: 0;
}
._compactMarkdown_qs7ig_30 ol {
    padding-inline-start: 20px;
    line-height: 20px;
}
._compactMarkdown_qs7ig_30 ol p {
    margin-block: 0;
    margin-inline: 0;
}
._compactMarkdown_qs7ig_30 hr {
    border: 0;
    border-top: var(--div-border-primary);
}
._container_1w6bh_1 {
    position: relative;
    background-color: var(--green-900);
    border-radius: 50%;
}
._progressBar_1w6bh_7 {
    position: absolute;
    width: 80%;
    height: 80%;
    border-radius: 50%;
    border: 1px solid var(--green-900);
    box-sizing: content-box;
}
._center_1w6bh_16 {
    position: absolute;
    width: 60%;
    height: 60%;
    background-color: var(--green-900);
    border-radius: 50%;
}
._dot_1w6bh_24 {
    position: absolute;
    width: 10%;
    height: 10%;
    top: 10%;
    left: 45%;
    background-color: var(--green-400);
    border-radius: 50%;
}
._dotEndContainer_1w6bh_34 {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border-radius: 50%;
    top: 0;
    left: 0;
}
._portal_3bfg8_1 {
    z-index: var(--z-index-portal);
}
._rt-ProgressRoot_4qi0u_1 {
    --progress-value: 0;
    --progress-max: 100;
    --progress-duration: 5s;
    --progress-indicator-after-linear-gradient: var(--grey-100), var(--white), var(--grey-200);
    --progress-indicator-indeterminate-animation-start: rt-progress-indicator-indeterminate-fade;
    --progress-indicator-indeterminate-animation-repeat: rt-progress-indicator-indeterminate-pulse;
    pointer-events: none;
    position: relative;
    overflow: hidden;
    flex-grow: 1;
    height: 4px;
    border-radius: var(--progress-radius);
    background-color: var(--grey-200);
}
._rt-ProgressRoot_4qi0u_1:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: inherit;
}
._rt-ProgressIndicator_4qi0u_24 {
    display: block;
    height: 100%;
    width: 100%;
    transform: scaleX(calc(var(--progress-value) / var(--progress-max)));
    transform-origin: left center;
    transition: transform 0.12s;
    background-color: var(--green-500);
}
._rt-ProgressIndicator_4qi0u_24:after {
    opacity: 0.75;
}
._rt-ProgressIndicator_4qi0u_24:where([data-state="indeterminate"]) {
    animation-name: _rt-progress-indicator-indeterminate-grow_4qi0u_1;
    animation-delay: 0s, calc(var(--progress-duration) + 5s), calc(var(--progress-duration) + 7.5s);
    animation-duration: var(--progress-duration), 2.5s, 5s;
    animation-iteration-count: 1, 1, infinite;
    animation-fill-mode: both, none, none;
    animation-direction: normal, normal, alternate;
}
@keyframes _rt-progress-indicator-indeterminate-grow_4qi0u_1 {
    0% {
        transform: scaleX(0.01);
    }
    20% {
        transform: scaleX(0.1);
    }
    30% {
        transform: scaleX(0.4);
    }
    40%,
    50% {
        transform: scaleX(0.6);
    }
    to {
        transform: scaleX(0.95);
    }
}
._SeparatorRoot_2ta7l_1[data-orientation="horizontal"] {
    height: 0;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 8px;
    border-top: var(--div-border-primary);
}
._SeparatorRoot_2ta7l_1[data-orientation="vertical"] {
    height: 100%;
    width: 0;
    margin-left: 8px;
    margin-right: 8px;
    border-left: var(--div-border-primary);
}
._hideIfLastChild_2ta7l_17:last-child {
    display: none;
}
._hideIfLastChild_2ta7l_17:first-child {
    display: none;
}
._primary_2ta7l_24 {
    border-color: var(--grey-300);
}
._primaryDark_2ta7l_28 {
    border-color: var(--grey-700);
}
._tableRow_1ru2o_1 {
    height: 48px;
}
._tableRowData_tjs0j_1 {
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: var(--div-border-primary);
}
._tableRowData_tjs0j_1:first-child {
    padding-left: 20px;
}
._tableRowData_tjs0j_1:last-child {
    padding-right: 20px;
}
._tableRowData_fixed_first_column_tjs0j_12:nth-child(1) {
    width: 0;
    position: sticky;
    left: 0;
}
._tableRowData_fixed_last_column_tjs0j_17:last-child {
    padding-right: 12px;
    width: 0;
    right: 0;
}
._tableRowHeader_3qwa0_1 {
    border-bottom: var(--div-border-primary);
    padding-left: 12px;
    padding-right: 12px;
}
._tableRowHeader_3qwa0_1:first-child {
    padding-left: 20px;
    padding-right: 20px;
}
._tableRowHeader_fixed_first_column_3qwa0_10:nth-child(1) {
    width: 0;
    position: sticky;
    left: 0;
}
._tableRowHeader_fixed_last_column_3qwa0_15:last-child {
    padding-right: 12px;
    width: 0;
    right: 0;
}
._table_xk8kd_1 {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    box-sizing: border-box;
    text-align: left;
}
._separator_i5ghp_1 {
    width: 1px;
    height: 20px;
    background: #ffffff14;
    margin: 0 4px;
}
._separator_i5ghp_1._light_i5ghp_7 {
    background: #00000014;
}
._toolbar_2lgoe_1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-width: max-content;
    border-radius: 6px;
    padding: 4px;
}
._toolbar_2lgoe_1._xs_2lgoe_11 {
    height: 32px;
}
._toolbar_2lgoe_1._light_2lgoe_14 {
    border: var(--div-border-primary);
    background-color: var(--white);
}
._toolbar_2lgoe_1._dark_2lgoe_18 {
    background-color: var(--grey-900);
}
@media screen and (width <= 800px) {
    ._layoutSide_1cnzu_2._open_1cnzu_2 {
        position: fixed;
    }
}
._layoutSideCollapsibleWrapper_1wm96_1 {
    border-width: 0 0 0 1px;
    overflow-x: hidden;
    transition: width 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
@media screen and (width <= 800px) {
    ._layoutSideCollapsibleWrapper_1wm96_1._open_1wm96_7 {
        width: 100% !important;
    }
}
._layoutSideCollapsibleWrapper_1wm96_1 ._layoutSideCollapsible_1wm96_1 {
    overflow-x: visible;
}
@media screen and (width <= 800px) {
    ._layoutSideCollapsibleWrapper_1wm96_1 ._layoutSideCollapsible_1wm96_1 {
        width: 100% !important;
    }
}
@media screen and (width <= 800px) {
    ._layoutSideCollapsibleWrapper_1wm96_1 {
        transition: none;
    }
}
.loader {
    position: absolute;
    width: var(--loader-size, 36px) !important;
    height: var(--loader-size, 36px) !important;
    top: calc(50% - var(--loader-size, 36px) / 2);
    left: calc(50% - var(--loader-size, 36px) / 2);
    color: var(--loader-color, var(--primary-color)) !important;
}
.loader_primary {
    --loader-color: var(--primary-color);
}
.loader_white {
    --loader-color: white;
}
.loader_16 {
    --loader-size: 16px;
}
.loader_24 {
    --loader-size: 24px;
}
.loader_36 {
    --loader-size: 36px;
}
@media print {
    .loader {
        display: none;
    }
}
._boxedIcon_1msv8_1 {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    border-radius: 50%;
}
._boxedIcon_1msv8_1._primary_1msv8_7 {
    color: var(--green-400);
    background-color: var(--green-900);
}
._boxedIcon_1msv8_1._secondary_1msv8_11 {
    color: var(--green-900);
    background-color: var(--green-400);
}
._boxedIcon_1msv8_1._xxs_1msv8_15 {
    height: 15px;
    width: 15px;
}
._boxedIcon_1msv8_1._xxs_1msv8_15 svg {
    width: 12px;
    height: 12px;
}
._boxedIcon_1msv8_1._xs_1msv8_23 {
    height: 20px;
    width: 20px;
}
._boxedIcon_1msv8_1._xs_1msv8_23 svg {
    width: 14px;
    height: 14px;
}
._boxedIcon_1msv8_1._sm_1msv8_31 {
    height: 24px;
    width: 24px;
}
._boxedIcon_1msv8_1._sm_1msv8_31 svg {
    width: 16px;
    height: 16px;
}
._boxedIcon_1msv8_1._md_1msv8_39 {
    height: 32px;
    width: 32px;
}
._boxedIcon_1msv8_1._md_1msv8_39 svg {
    width: 20px;
    height: 20px;
}
._boxedIcon_1msv8_1._lg_1msv8_47 {
    height: 48px;
    width: 48px;
}
._boxedIcon_1msv8_1._lg_1msv8_47 svg {
    width: 24px;
    height: 24px;
}
@layer mimir {
    ._button_1icg4_2._md_1icg4_2 {
        --button-border-radius: 16px;
        --button-padding-left: 11px;
        --button-padding-right: 11px;
        --button-padding-top: 5px;
        --button-padding-bottom: 5px;
    }
    ._button_1icg4_2._md_1icg4_2._withSuffix_1icg4_9 {
        --button-padding-right: 7px;
    }
    ._button_1icg4_2._md_1icg4_2._withPrefix_1icg4_12 {
        --button-padding-top: 3px;
        --button-padding-bottom: 3px;
        --button-padding-left: 3px;
    }
    ._button_1icg4_2._md_1icg4_2._svgOnly_1icg4_17 {
        --button-padding-left: 5px;
        --button-padding-right: 5px;
        --button-padding-top: 5px;
        --button-padding-bottom: 5px;
    }
}
._small_1icg4_24 {
    max-width: 32px;
    height: 32px;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s ease-in-out;
}
._small_1icg4_24._loading_1icg4_33 {
    justify-content: center;
    --button-padding-left: 0;
    --button-padding-right: 0;
}
._small_1icg4_24:hover {
    max-width: 100%;
    padding-right: 12px;
}
.dots-animation__dot:nth-child(1) {
    opacity: 0;
    animation: dot 1.3s infinite;
    animation-delay: 0s;
}
.dots-animation__dot:nth-child(2) {
    opacity: 0;
    animation: dot 1.3s infinite;
    animation-delay: 0.2s;
}
.dots-animation__dot:nth-child(3) {
    opacity: 0;
    animation: dot 1.3s infinite;
    animation-delay: 0.3s;
}
@keyframes dot {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
._oroUpgradeBanner_agf54_1 {
    border-radius: 16px;
    border: 1px solid var(--green-400);
    background: linear-gradient(180deg, #eaffe2, #fff), var(--div-bg-primary, #fff);
    box-shadow: 0 0 0 4px var(--green-100);
}
._oroUpgradeBanner_agf54_1._borderless_agf54_7 {
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.drawer {
    --panelWidth: 640px;
    width: var(--panelWidth, 640px);
    background: #fff;
    z-index: 1001;
    height: 100%;
    box-shadow: -2px 0 4px #00000014;
    overflow: hidden;
}
.drawer_wide {
    --panelWidth: 800px;
}
@media screen and (width <= 800px) {
    .drawer {
        --panelWidth: 100%;
    }
}
.overlay-drawer {
    --panelWidth: 640px;
    border-radius: 6px 0 0 6px;
    display: flex;
    flex-direction: column;
    max-width: var(--panelWidth);
    height: 100%;
    flex-grow: 1;
}
.overlay-drawer_wide {
    --panelWidth: 800px;
}
.overlay-drawer_mobile {
    border-radius: 0;
}
.overlay-drawer__portal {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #00000080;
    z-index: var(--z-index-portal);
    height: 100%;
    width: 200%;
    justify-content: flex-end;
}
.overlay-drawer__portal-enter {
    opacity: 0;
    transform: translate(calc(var(--panelWidth, 640px)));
}
.overlay-drawer__portal-enter-active {
    transform: none;
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
}
.overlay-drawer__portal-exit {
    transform: none;
    opacity: 1;
}
.overlay-drawer__portal-exit-active {
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1), opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translate(calc(var(--panelWidth, 640px)));
}
.overlay-drawer__container {
    z-index: var(--z-index-portal);
}
.overlay-drawer__clicker {
    height: 100%;
    width: calc(100% - 640px);
}
.drawer-header {
    position: relative;
    padding: 16px 24px;
    border-bottom: var(--div-border-primary);
    flex: 0 0 64px;
    display: flex;
    align-items: center;
}
.drawer-header__previous {
    margin-right: 12px;
    margin-left: -4px;
    cursor: pointer;
    fill: var(--text-400);
    display: flex;
    align-items: center;
}
.drawer-header__previous > svg {
    transform: rotate(90deg);
}
.drawer-header__previous:hover {
    fill: var(--text-300);
}
.drawer-header__actions {
    margin-left: auto;
}
.drawer-footer {
    position: relative;
    max-width: inherit;
    background-color: #fff;
    padding: 12px 24px;
    border-top: var(--div-border-primary);
}
.drawer-footer__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.drawer-footer__buttons__right {
    display: flex;
}
.drawer-footer__buttons__right > button {
    margin-left: 16px;
}
.drawer-content {
    flex-grow: 1;
    overflow-y: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 24px;
}
.drawer-content_padding-less {
    padding: 0;
}
.icon {
    color: inherit;
    display: flex;
}
.icon_checked svg {
    color: var(--green-500) !important;
}
.icon_12 svg {
    width: 12px !important;
    height: 12px !important;
}
.icon_16 svg {
    width: 16px !important;
    height: 16px !important;
}
.icon_20 svg {
    width: 20px !important;
    height: 20px !important;
}
.icon_24 svg {
    width: 24px !important;
    height: 24px !important;
}
.icon_32 svg {
    width: 32px !important;
    height: 32px !important;
}
.icon_36 svg {
    width: 36px !important;
    height: 36px !important;
}
.icon_40 svg {
    width: 40px !important;
    height: 40px !important;
}
.icon_4 {
    overflow: hidden;
    border-radius: 4px;
}
.icon_6 {
    overflow: hidden;
    border-radius: 6px;
}
.icon_8 {
    overflow: hidden;
    border-radius: 8px;
}
.form-feedback {
    border-radius: 6px;
    font-size: 14px;
    display: flex;
    align-items: center;
    padding: 0 8px;
    margin-top: 16px;
    box-sizing: border-box;
}
.form-feedback_error {
    background-color: var(--red-100);
    color: var(--red-500);
}
.form-feedback_success {
    background-color: var(--green-100);
    color: var(--green-500);
}
.form-feedback__label {
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    height: 32px;
    line-height: 32px;
    white-space: nowrap;
    margin-left: 8px;
}
.form-input-feedback {
    margin-top: 4px;
    color: var(--red-500);
    line-height: 16px;
    font-size: 12px;
}
.form-label__container {
    margin-bottom: 4px;
}
.form-label {
    display: inline-block;
    color: var(--text-500);
    font-weight: 500;
    line-height: 20px;
    white-space: break-spaces;
}
.form-label_small {
    font-size: 14px;
    line-height: 20px;
}
.form-label_large {
    font-size: 16px;
    line-height: 32px;
}
.form-label_description {
    display: block;
    line-height: 20px;
    color: var(--text-tertiary);
}
.form-label__optional {
    margin-left: 4px;
    font-style: italic;
    color: var(--text-tertiary);
}
.input {
    border: var(--div-border-primary);
    background-color: #fff;
    box-sizing: border-box;
    outline: none;
    height: 28px;
    padding: 0 12px;
    font-family: var(--font-family-primary);
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color box-shadow 0.2s;
}
.input:hover {
    border: 1px solid var(--text-100);
}
.input:focus {
    border: 1px solid var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
.input_error {
    border-color: var(--red-400);
}
.input_error:focus {
    border-color: var(--red-400);
    box-shadow: 0 0 0 1px var(--red-400);
}
.input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
}
.input_24 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    padding: 0 8px;
    border-radius: 6px;
}
.input_28 {
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    padding: 0 12px;
    border-radius: 6px;
}
.input_32 {
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 6px;
}
.input_36 {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 16px;
    border-radius: 6px;
}
.input_40 {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding: 0 16px;
    border-radius: 6px;
}
.input_48 {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    padding: 0 16px;
    border-radius: 6px;
}
.input_52 {
    height: 52px;
    font-size: 16px;
    line-height: 52px;
    padding: 0 16px;
    border-radius: 6px;
}
.input_full {
    width: 100%;
}
.input_hide-arrow::-webkit-outer-spin-button,
.input_hide-arrow::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}
.input_hide-arrow[type="number"] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
}
.input_center {
    text-align: center;
}
.form-input_full {
    width: 100%;
}
.form-input input {
    display: block;
}
.form-input__description {
    color: var(--text-300);
    line-height: 20px;
    margin-bottom: 4px;
}
.form-input__label_with-description {
    margin-bottom: 0 !important;
}
textarea {
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 10px 16px;
    box-sizing: border-box;
    font-family: var(--font-family-primary);
    font-weight: 400;
    font-size: 14px;
    vertical-align: baseline;
    line-height: 24px;
    transition: background-color 0.2s;
}
textarea:focus {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
    transition: background-color 0.2s;
}
textarea_error {
    border-color: var(--red-400);
}
._textarea_gfrqp_1 {
    padding-right: 40px;
    line-height: 20px;
}
._textareaContainer_gfrqp_6 {
    position: relative;
    display: flex;
}
._textareaLoading_gfrqp_11 {
    background-color: var(--grey-100);
    cursor: not-allowed;
}
._textareaDisabled_gfrqp_16 {
    opacity: 0.6;
    cursor: not-allowed;
}
._generateButtonContent_gfrqp_21 {
    display: flex;
    text-align: left;
    justify-content: flex-start;
}
._generateButtonContentLoading_gfrqp_27 {
    opacity: 0;
}
._generateButtonText_gfrqp_31 {
    margin-left: 6px;
}
._generateButtonContainer_gfrqp_35 {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: flex;
    justify-content: flex-end;
}
._disabled_gfrqp_43 {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.attribute-definition-object-field__select__button {
    width: 100%;
    justify-content: flex-start;
}
.attribute-definition-object-field__select__button .button__label {
    flex: 1;
    text-align: left;
}
.attribute-definition-object-field__select__button__placeholder .button__label {
    color: var(--text-300);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.tabs {
    display: flex;
    justify-content: flex-start;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border: var(--div-border-primary);
    border-bottom-width: 0;
    background-color: var(--grey-100);
    height: 40px;
    overflow: hidden;
}
.tabs_borderless {
    border: unset;
}
.tabs > * {
    border-bottom: var(--div-border-primary);
}
.tabs > *:last-child {
    flex-grow: 1;
}
.tabs__tab {
    display: flex;
    align-items: center;
    padding: 0 12px;
    color: var(--text-300);
    border-right: var(--div-border-primary);
    background-color: var(--grey-100);
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    transition: background-color 0.2s;
}
.tabs__tab_active {
    background-color: #fff;
    color: var(--text-400);
    min-width: 64px;
    border-bottom: unset;
    padding-bottom: 1px;
}
.tabs__tab_small {
    padding: 4px;
}
.tabs__tab_small__icon {
    margin-right: 6px !important;
}
.tabs__tab_small__button {
    margin-left: 2px !important;
}
.tabs__tab__label {
    align-self: center;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 12px;
    font-family: var(--font-family-primary);
    font-weight: 500;
    font-size: 14px;
}
.tabs__tab__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    border-radius: 6px;
}
.tabs__tab__button {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    margin-left: 8px;
    transition: background-color 0.2s;
}
.tabs__tab__button:hover {
    background-color: var(--grey-200);
    color: var(--text-300);
    transition: background-color 0.2s;
}
.tabs__tab:hover {
    opacity: 1;
    background-color: #fff;
    box-shadow: var(--box-shadow);
    transition: background-color 0.2s;
}
@media screen and (width <= 800px) {
    .tabs {
        width: calc(100% - 48px);
        margin: auto auto 24px;
        border: var(--div-border-primary);
        border-radius: 6px;
        box-shadow: var(--box-shadow-small);
    }
}
.MuiSvgIcon-fontSizeSmall {
    font-size: 1rem !important;
}
._addLanguageButton_bfttm_1 {
    padding: 0 12px;
    color: var(--text-300);
    transition: color 0.2s ease-in-out;
}
._addLanguageButton_bfttm_1:disabled {
    opacity: 0.6;
}
._addLanguageButton_bfttm_1:hover:not(:disabled) {
    color: var(--text-500);
}
.file-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    flex-shrink: 0;
}
.file-icon_boxless {
    background-color: transparent;
}
.file-icon:not(.file-icon_boxless) {
    width: 32px;
    height: 32px;
}
.file-icon_blue {
    background-color: var(--blue-100);
}
.file-icon_green {
    background-color: var(--green-100);
}
.file-icon_orange {
    background-color: var(--orange-100);
}
.file-icon_red {
    background-color: var(--red-100);
}
.file-icon_grey {
    background-color: var(--grey-200);
    color: var(--text-400);
}
.navigation-tab {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 4px;
    box-sizing: border-box;
    white-space: nowrap;
    margin-right: 24px;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-300);
    cursor: pointer;
    transition: all 0.125s;
}
.navigation-tab_active,
.navigation-tab:hover {
    color: var(--text-400);
    border-bottom: 2px solid var(--grey-700);
}
.navigation-tab:last-child {
    margin-right: 0;
}
.navigation-tab__pastille {
    width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    font-weight: 500;
    border-radius: 50%;
    background-color: var(--grey-200);
    color: inherit;
}
@media screen and (width <= 800px) {
    .navigation-tab {
        margin-right: 24px;
    }
}
._container_4nqil_1 {
    display: grid;
    grid-template-rows: max-content 1fr;
    width: 100%;
    height: 100%;
}
._dialog_4nqil_8 {
    max-width: 1240px;
    align-items: flex-start;
    display: flex;
    align-self: stretch;
    border: none;
    overflow: hidden;
}
._dialogArcade_4nqil_17 {
    width: fit-content;
}
._closeButton_4nqil_21 {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
}
._contentWrapper_4nqil_28 {
    width: initial;
}
@media (width >= 960px) {
    ._container_4nqil_1 {
        grid-template-rows: none;
        grid-template-columns: 1fr 340px;
    }
    ._dialog_4nqil_8 {
        width: 90vw;
    }
    ._contentWrapper_4nqil_28 {
        width: 100%;
    }
}
.empty-content {
    height: 100%;
    width: 100%;
    padding: 8px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.empty-content__illustration {
    height: 200px;
}
.empty-content__content {
    max-width: 480px;
    padding: 0 24px;
    color: var(--text-300);
}
.empty-content__content__details {
    font-size: 14px;
    margin-top: 0;
    line-height: 24px;
    font-weight: 400;
}
.empty-content__button {
    margin-top: 24px;
}
.contract-tab-annotations-card {
    transition: padding ease-in-out 0.2s;
}
.contract-tab-annotations-thread-card-reply {
    align-items: center;
    color: var(--text-300);
    margin-top: 24px;
    line-height: 20px;
    margin-bottom: -16px;
    font-weight: 500;
}
.tag {
    display: flex;
    justify-content: space-between;
    border-radius: 6px;
    height: fit-content;
    font-size: var(--tag-font-size, 10px);
}
.tag_clickable {
    cursor: pointer;
}
.tag__content {
    font-weight: 500;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: var(--text-300);
    vertical-align: baseline;
    background-color: var(--grey-200);
    border-radius: 6px;
    line-height: var(--tag-line-height, 16px);
    padding: 0 var(--tag-horizontal-padding, 8px);
}
.tag__content_crop {
    max-width: calc(100% - 2 * var(--tag-horizontal-padding, 8px));
    border: 1px solid transparent;
}
.tag__content__label {
    width: auto;
}
.tag__content__label_crop {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tag__content__label_full {
    white-space: pre-wrap;
}
.tag__content__label_bold {
    font-weight: 700;
}
.tag__content_rounded {
    border-radius: 50px;
}
.tag__content__icon {
    margin-right: 4px;
}
.tag__content__delete {
    display: none;
    background-color: inherit;
}
.tag__content__delete__icon {
    color: var(--text-300);
    margin-left: 4px;
    cursor: pointer;
}
.tag__content:hover .tag__content__delete {
    display: block;
    transition: background-color 0.2s;
}
.tag_disabled {
    pointer-events: none;
    cursor: default;
}
.tag_16 {
    --tag-font-size: 10px;
    --tag-horizontal-padding: 8px;
    --tag-line-height: 16px;
}
.tag_20 {
    --tag-font-size: 12px;
    --tag-horizontal-padding: 8px;
    --tag-line-height: 20px;
}
.tag_24 {
    --tag-font-size: 13px;
    --tag-horizontal-padding: 8px;
    --tag-line-height: 24px;
}
.tag_28 {
    --tag-font-size: 14px;
    --tag-horizontal-padding: 12px;
    --tag-line-height: 28px;
}
.tag_32 {
    --tag-font-size: 14px;
    --tag-horizontal-padding: 12px;
    --tag-line-height: 32px;
}
.tag_40 {
    --tag-font-size: 16px;
    --tag-horizontal-padding: 16px;
    --tag-line-height: 40px;
}
.tag_classic .tag__content {
    color: var(--green-700);
    background-color: var(--green-100);
}
.tag_classic .tag__content__delete__icon {
    color: var(--green-200);
}
.tag_classic-deep .tag__content,
.tag_success-deep .tag__content {
    color: #fff;
    background-color: var(--green-500);
}
.tag_success-opacity .tag__content {
    color: var(--green-400);
    background: #2e9d6029;
}
.tag_success .tag__content {
    color: var(--green-700);
    background-color: var(--green-100);
}
.tag_warning-deep .tag__content {
    color: #fff;
    background-color: var(--orange-500);
}
.tag_warning-opacity .tag__content {
    color: var(--orange-400);
    background: #e9622a29;
}
.tag_warning .tag__content {
    color: var(--orange-700);
    background-color: var(--orange-100);
}
.tag_error-deep .tag__content {
    color: #fff;
    background-color: var(--red-500);
}
.tag_error-opacity .tag__content {
    color: var(--red-400);
    background: #ca243329;
}
.tag_error .tag__content {
    color: var(--red-700);
    background-color: var(--red-100);
}
.tag_alternative .tag__content {
    color: var(--fuchsia-700);
    background-color: var(--fuchsia-100);
}
.tag_alternative-opacity .tag__content {
    color: var(--fuchsia-400);
    background: #8e23ae29;
}
.tag_grey .tag__content {
    color: var(--text-300);
    background-color: var(--grey-200);
}
.tag_grey-deep .tag__content {
    color: #fff;
    fill: currentcolor;
    background-color: var(--text-300);
}
.tag_grey-extra .tag__content {
    color: #fff;
    fill: currentcolor;
    background-color: var(--grey-800);
}
.tag_golden-light .tag__content {
    color: var(--golden-700);
    background-color: var(--golden-100);
}
.tag_golden .tag__content {
    color: var(--golden-100);
    background-color: var(--golden-700);
}
.tag_opacity .tag__content {
    color: #fff;
    background-color: #ffffff14;
}
.tag_fuchsia .tag__content {
    color: var(--white);
    background-color: var(--fuchsia-700);
}
.tag_fuchsia-light .tag__content {
    color: var(--fuchsia-700);
    background-color: var(--fuchsia-100);
}
.tag_purple .tag__content {
    color: var(--purple-100);
    background-color: var(--purple-700);
}
.tag_primary .tag__content {
    color: var(--green-700);
    background-color: var(--green-100);
}
.tag_blue .tag__content {
    color: var(--white);
    background-color: var(--blue-800);
}
.tag_blue-light .tag__content {
    color: var(--blue-700);
    background-color: var(--blue-100);
}
.MuiTooltip-tooltip {
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 500 !important;
    color: #fff !important;
    background-color: var(--grey-900) !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
}
.MuiTooltip-popper {
    z-index: var(--z-index-portal) !important;
}
.MuiTooltip-tooltipPlacementLeft {
    margin-right: 4px !important;
}
.MuiTooltip-tooltipPlacementRight {
    margin-left: 4px !important;
}
.MuiTooltip-tooltipPlacementTop {
    margin-bottom: 4px !important;
}
.MuiTooltip-tooltipPlacementBottom {
    margin-top: 4px !important;
}
.tooltip {
    word-break: normal;
    text-align: center;
}
.tooltip_small {
    width: fit-content;
    max-width: 80px;
}
.tooltip_medium {
    width: 160px;
}
.tooltip_large {
    width: 240px;
}
.tooltip_single-line {
    width: fit-content;
    overflow: hidden;
    white-space: nowrap;
}
.external-company-logo {
    display: flex;
    overflow: hidden;
    border-radius: 6px;
    background-color: #fff;
}
.external-company-logo img {
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}
.external-company-logo_rounded {
    border-radius: 50%;
}
.external-company-logo_16 {
    height: 16px;
    width: 16px;
}
.external-company-logo_20 {
    height: 20px;
    width: 20px;
}
.external-company-logo_24 {
    height: 24px;
    width: 24px;
}
.external-company-logo_32 {
    height: 32px;
    width: 32px;
}
.external-company-logo_36 {
    height: 36px;
    width: 36px;
}
.external-company-logo_40 {
    height: 40px;
    width: 40px;
}
.external-company-logo_68 {
    height: 68px;
    width: 68px;
}
.external-company-logo_80 {
    height: 80px;
    width: 80px;
}
.external-company-logo__background {
    background-color: var(--orange-500);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.organization-logo {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    border-radius: 6px;
}
.organization-logo__img {
    overflow: hidden;
    border-radius: 6px;
    display: flex;
}
.organization-logo__img img {
    margin: auto;
    width: 100%;
}
.organization-logo__background {
    border: var(--div-border-primary);
    border-radius: 6px;
    color: var(--text-400);
    padding-top: 2px;
    font-size: 14px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.organization-logo_rounded .organization-logo__img,
.organization-logo_rounded .organization-logo__background {
    border-radius: 50%;
}
.organization-logo_colored .organization-logo__background {
    background-color: var(--primary-color);
    color: #fff;
}
.organization-logo_20 {
    height: 20px;
    width: 20px;
    font-size: 12px;
}
.organization-logo_24 {
    height: 24px;
    width: 24px;
    font-size: 12px;
}
.organization-logo_32 {
    height: 32px;
    width: 32px;
}
.organization-logo_40 {
    height: 40px;
    width: 40px;
}
.organization-logo_48 {
    height: 48px;
    width: 48px;
}
.organization-logo_64 {
    height: 64px;
    width: 64px;
}
.organization-logo_68 {
    height: 68px;
    width: 68px;
}
.avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
}
.avatar img {
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
}
.avatar_rounded {
    border-radius: 50%;
}
.avatar_20 {
    height: 20px;
    width: 20px;
}
.avatar_24 {
    height: 24px;
    width: 24px;
}
.avatar_32 {
    height: 32px;
    width: 32px;
}
.avatar_48 {
    height: 48px;
    width: 48px;
}
.avatar_68 {
    height: 68px;
    width: 68px;
}
.avatar__background {
    font-size: 12px;
    font-weight: 500;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.avatar__background_member {
    background-color: var(--blue-100);
    color: var(--blue-700);
}
.avatar__background_guest {
    background-color: var(--golden-100);
    color: var(--golden-700);
}
.avatar__background_action {
    background-color: var(--grey-200);
    color: var(--text-400);
}
.activity-card-avatar {
    height: var(--activity-card-header-height);
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
}
.shared-icon {
    color: var(--golden-500);
}
.activity-card-header {
    min-height: var(--activity-card-header-height);
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 4px;
}
.activity-card-header__left {
    align-items: flex-end;
    flex-wrap: wrap;
    line-height: 18px;
    overflow: hidden;
}
.activity-card-header__left__author-name {
    color: var(--text-400);
    font-weight: 500;
    margin-right: 4px;
}
.activity-card-header__left__primary-content {
    color: var(--text-300);
}
.activity-card-header__right__buttons {
    display: hidden;
}
.activity-card-header__right__buttons_visible {
    display: flex;
}
.activity-card:hover .activity-card-header__right__buttons,
.contract-tab-annotations-card__content_focused .activity-card-header__right__buttons {
    display: flex;
    background-color: #fff;
}
.activity-card {
    --activity-card-header-height: 24px;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
    white-space: pre-wrap;
}
.activity-card:last-child {
    margin-bottom: 0;
}
.activity-card__left {
    display: flex;
    justify-content: center;
    width: 20px;
}
.activity-card__left__ariane {
    position: absolute;
    top: calc(var(--activity-card-header-height) + 4px);
    height: calc(100% - var(--activity-card-header-height));
    width: 2px;
    border-radius: 6px;
    background-color: var(--grey-300);
}
.activity-card:last-child > .activity-card__left > .activity-card__left__ariane {
    background-color: transparent;
}
.activity-card__right {
    overflow: hidden;
    width: 100%;
    padding-left: 12px;
}
.activity-card__right__content {
    margin-top: 8px;
    margin-bottom: 16px;
    color: var(--text-400);
    font-size: 14px;
}
.mention-input {
    background-color: #fff;
    border-radius: 6px;
    border: var(--div-border-primary);
    outline: none;
    transition: background-color 0.2s;
}
.mention-input_32 {
    min-height: 32px;
    padding: 5px 12px;
    font-size: 14px !important;
    line-height: 20px !important;
}
.mention-input_32 textarea {
    min-height: 32px;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 5px 12px;
}
.mention-input_36 {
    min-height: 36px;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
}
.mention-input_36 textarea {
    min-height: 36px;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 6px 12px;
}
.mention-input_40 {
    min-height: 40px;
    font-size: 14px;
    line-height: 24px;
    padding: 8px 12px;
}
.mention-input_40 textarea {
    min-height: 40px;
    font-size: 15px !important;
    line-height: 24px !important;
    padding: 8px 12px;
}
.mention-input_48 {
    min-height: 48px;
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
}
.mention-input_48 textarea {
    min-height: 48px;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 12px;
}
.mention-input_60 {
    min-height: 60px;
    font-size: 14px;
    line-height: 20px;
    padding: 12px;
}
.mention-input_60 > .mention-input__control {
    height: 48px;
}
.mention-input_60 textarea {
    min-height: 60px;
    font-size: 14px !important;
    line-height: 20px !important;
    padding: 12px;
}
.mention-input textarea {
    margin: 0 !important;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
    color: transparent;
    caret-color: var(--text-400);
}
.mention-input:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
    transition: background-color 0.2s;
}
.mention-input__suggestions {
    background-color: #fff;
    box-shadow: var(--box-shadow);
    border: var(--div-border-primary);
    border-radius: 6px;
    min-width: 240px !important;
    padding: 8px 0;
    overflow: hidden;
    z-index: 99 !important;
    pointer-events: auto;
}
.mention-input__suggestions ul {
    margin: 0;
    padding: 0;
}
.mention-input__suggestions__item {
    height: 32px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
}
.mention-input__suggestions__item--focused {
    background-color: var(--grey-100);
}
.mention-input__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.mention-input__mention {
    position: relative;
    color: var(--primary-color);
}
.mention-input_highlighted:focus-within {
    background-color: var(--golden-100);
    border-color: var(--golden-500);
    box-shadow: 0 0 0 1px var(--golden-500);
}
.mention-input__highlighter {
    border: none !important;
}
.mention-input__highlighter__substring {
    visibility: visible !important;
    color: var(--text-400) !important;
}
._tagContainer_1niqj_1 {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    font-family: var(--font-family-primary);
    margin: 0 1px;
    max-width: 100%;
    display: inline-flex;
    vertical-align: middle;
}
._editorAttributeElement_1sibj_1 {
    display: inline-block;
    max-width: 100%;
}
.editor-attribute-element-value-editable__is_assigned {
    color: var(--blue-700) !important;
    border-bottom: 1px dashed var(--blue-700) !important;
}
.editor-attribute-element-value-editable__suggestion_active {
    background-color: var(--blue-100) !important;
    border-bottom: 2px solid var(--blue-700) !important;
}
.editor-attribute-element-value-editable__suggestion_delete {
    text-decoration: line-through !important;
}
.editor-attribute-element-value-editable__suggestion_counterparty {
    color: var(--golden-700) !important;
}
.editor-attribute-element-value-editable__suggestion_counterparty_active {
    background-color: var(--golden-100) !important;
    border-bottom: 2px solid var(--golden-700) !important;
}
.editor-attribute-element-value-editable__size {
    font-size: var(--leaf-font-size, 15px) !important;
    line-height: calc(var(--leaf-font-size, 15px) + var(--leaf-line-height, 8px)) !important;
}
.editor-attribute-element-value-editable__size_8 {
    --leaf-font-size: 8px;
}
.editor-attribute-element-value-editable__size_9 {
    --leaf-font-size: 9px;
}
.editor-attribute-element-value-editable__size_10 {
    --leaf-font-size: 10px;
}
.editor-attribute-element-value-editable__size_11 {
    --leaf-font-size: 11px;
}
.editor-attribute-element-value-editable__size_12 {
    --leaf-font-size: 12px;
}
.editor-attribute-element-value-editable__size_13 {
    --leaf-font-size: 13px;
}
.editor-attribute-element-value-editable__size_14 {
    --leaf-font-size: 14px;
}
.editor-attribute-element-value-editable__size_15 {
    --leaf-font-size: 15px;
}
.editor-attribute-element-value-editable__size_16 {
    --leaf-font-size: 16px;
}
.editor-attribute-element-value-editable__size_17 {
    --leaf-font-size: 17px;
}
.editor-attribute-element-value-editable__size_18 {
    --leaf-font-size: 18px;
}
.editor-attribute-element-value-editable__size_19 {
    --leaf-font-size: 19px;
}
.editor-attribute-element-value-editable__size_20 {
    --leaf-font-size: 20px;
}
.editor-attribute-element-value-editable__size_21 {
    --leaf-font-size: 21px;
}
.editor-attribute-element-value-editable__size_22 {
    --leaf-font-size: 22px;
}
.editor-attribute-element-value-editable__size_23 {
    --leaf-font-size: 23px;
}
.editor-attribute-element-value-editable__size_24 {
    --leaf-font-size: 24px;
}
.editor-attribute-element-value-editable__size_25 {
    --leaf-font-size: 25px;
}
.editor-attribute-element-value-editable__size_26 {
    --leaf-font-size: 26px;
}
.editor-attribute-element-value-editable__size_27 {
    --leaf-font-size: 27px;
}
.editor-attribute-element-value-editable__size_28 {
    --leaf-font-size: 28px;
}
.editor-attribute-element-value-editable__size_29 {
    --leaf-font-size: 29px;
}
.editor-attribute-element-value-editable__size_30 {
    --leaf-font-size: 30px;
}
.editor-attribute-element-value-editable__size_31 {
    --leaf-font-size: 31px;
}
.editor-attribute-element-value-editable__size_32 {
    --leaf-font-size: 32px;
}
.editor-attribute-element-value-editable__size_8,
.editor-attribute-element-value-editable__size_9,
.editor-attribute-element-value-editable__size_10,
.editor-attribute-element-value-editable__size_11,
.editor-attribute-element-value-editable__size_12 {
    --leaf-line-height: 6px;
}
.editor-attribute-element-value-editable__size_13,
.editor-attribute-element-value-editable__size_14,
.editor-attribute-element-value-editable__size_15,
.editor-attribute-element-value-editable__size_16,
.editor-attribute-element-value-editable__size_17,
.editor-attribute-element-value-editable__size_18,
.editor-attribute-element-value-editable__size_19,
.editor-attribute-element-value-editable__size_20,
.editor-attribute-element-value-editable__size_21,
.editor-attribute-element-value-editable__size_22,
.editor-attribute-element-value-editable__size_23,
.editor-attribute-element-value-editable__size_24 {
    --leaf-line-height: 8px;
}
.editor-attribute-element-value-editable__size_25,
.editor-attribute-element-value-editable__size_26,
.editor-attribute-element-value-editable__size_27,
.editor-attribute-element-value-editable__size_28,
.editor-attribute-element-value-editable__size_29,
.editor-attribute-element-value-editable__size_30,
.editor-attribute-element-value-editable__size_31,
.editor-attribute-element-value-editable__size_32 {
    --leaf-line-height: 10px;
}
.editor-plus-button-menu-item {
    color: #fff;
    display: flex;
    justify-content: stretch;
    padding: 8px 12px;
    cursor: pointer;
}
.editor-plus-button-menu-item:hover {
    background-color: #ffffff14;
}
.editor-plus-button-menu-item:hover .editor-plus-button-menu-item__icon {
    background-color: #ffffff3d;
}
.editor-plus-button-menu-item_disabled {
    cursor: not-allowed;
    opacity: 0.6;
}
.editor-plus-button-menu-item_disabled:hover {
    background-color: unset;
}
.editor-plus-button-menu-item_disabled:hover .editor-plus-button-menu-item__icon {
    background-color: #ffffff1f;
}
.editor-plus-button-menu-item__icon {
    padding: 8px;
    background-color: #ffffff1f;
    border-radius: 6px;
    margin-right: 12px;
    display: flex;
    align-items: center;
}
.editor-plus-button-menu-item__right {
    flex-grow: 1;
}
.editor-plus-button-menu-item__right__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.editor-plus-button-menu-item__right__description {
    font-size: 12px;
    line-height: 16px;
}
.editor-plus-button-menu-item__new-tag {
    display: flex;
    align-items: center;
}
.editor-plus-button-menu-item__new-tag__content {
    display: flex;
    align-items: center;
    background-color: #f3aa3629;
    border-radius: 6px;
    height: 20px;
    padding: 0 6px;
}
.editor-plus-button-menu-item__new-tag__content__text {
    font-weight: 500;
    font-size: 10px;
    line-height: 16px;
    color: var(--golden-500);
}
.editor-plus-button {
    visibility: hidden;
    position: absolute;
    left: 4px;
    top: -16px;
}
.editor-plus-button_open {
    visibility: visible;
}
.editor-plus-button__list {
    background-color: var(--grey-900) !important;
    min-width: 240px !important;
    width: fit-content;
}
.editor-element {
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    color: var(--text-500);
    font-size: unset;
    line-height: unset;
}
.editor-element__wrapper {
    position: relative;
    margin-left: calc(var(--editor-root-padding) * -1);
    padding-left: var(--editor-root-padding);
}
.editor-element__wrapper_with-plus-button_hovered:hover {
    margin-top: -1px;
    border-top: 1px solid var(--grey-200);
}
.editor-element__wrapper_with-plus-button:hover .editor-plus-button,
.editor-element__wrapper_with-plus-button_always-visible .editor-plus-button {
    visibility: visible;
}
@media screen and (width <= 800px) {
    .editor-element__wrapper {
        margin-left: 0;
        padding-left: 0;
    }
}
.editor-element_align-left {
    text-align: left;
}
.editor-element_align-center {
    text-align: center;
}
.editor-element_align-right {
    text-align: right;
}
.editor-element_align-justify {
    text-align: justify;
}
.editor__wrapper__page__content ul {
    padding-left: 16px;
}
._editorBlockAttributeElement_1k0p4_1 {
    display: inline-block;
    max-width: 100%;
}
._isAssigned_1oqsn_1 span[data-slate-node="text"] {
    color: var(--blue-700);
    border-bottom: 1px dashed var(--blue-700);
    padding-bottom: 3px !important;
    margin-bottom: -3px !important;
}
._suggestionFocused_1oqsn_8 span[data-slate-node="text"] {
    background-color: var(--blue-100);
    border-bottom: 2px solid var(--blue-700);
}
._suggestionFocusedGuest_1oqsn_13 span[data-slate-node="text"] {
    background-color: var(--golden-100);
    border-bottom: 2px solid var(--golden-700);
}
._suggestionDelete_1oqsn_18 span[data-slate-node="text"] {
    text-decoration: line-through;
}
._suggestionDeleteGuest_1oqsn_22 span[data-slate-node="text"] {
    color: var(--golden-700);
    text-decoration: line-through;
}
.editor-element-box {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: var(--border-color, var(--blue-300));
    border-radius: 6px;
    margin: 8px -24px;
}
.editor-element-box .editor-element-box {
    margin: 4px -16px;
}
.editor-element-box .editor-element-box .editor-element-box {
    margin: 4px -8px;
}
.editor-element-box_green {
    --border-color: var(--green-300);
}
.editor-element-box_grey {
    --border-color: var(--grey-300);
}
.editor-element-box_blue {
    --border-color: var(--blue-300);
}
.editor-element-box_orange {
    --border-color: var(--orange-300);
}
.editor-element-box_red {
    --border-color: var(--red-300);
}
.editor-element-box_golden {
    --border-color: var(--golden-300);
}
@media print {
    .editor-element-box_print {
        page-break-inside: auto;
    }
}
.editor-element-box-header-container {
    margin-left: -40px;
    padding-left: 40px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
}
.editor-element-box-header-container:hover > .editor-plus-button {
    visibility: visible;
}
@media screen and (width <= 800px) {
    .editor-element-box-header-container {
        margin-left: 0;
        padding-left: 0;
    }
}
.editor-element-box-header {
    background-color: var(--background-color, var(--green-100));
}
.editor-element-box-header__settings {
    display: none;
}
.editor-element-box-header:hover .editor-element-box-header__settings {
    display: flex;
}
.editor-element-box-header_clickable:hover {
    background-color: var(--background-color-hover, var(--green-200));
}
.editor-element-box-header_green {
    --background-color: var(--green-100);
    --background-color-hover: var(--green-200);
}
.editor-element-box-header_grey {
    --background-color: var(--grey-100);
    --background-color-hover: var(--grey-100);
}
.editor-element-box-header_blue {
    --background-color: var(--blue-100);
    --background-color-hover: var(--blue-200);
}
.editor-element-box-header_orange {
    --background-color: var(--orange-100);
    --background-color-hover: var(--orange-200);
}
.editor-element-box-header_red {
    --background-color: var(--red-100);
    --background-color-hover: var(--red-200);
}
.editor-element-box-header_golden {
    --background-color: var(--golden-100);
    --background-color-hover: var(--golden-200);
}
.editor-element-box-content {
    padding: 12px 24px;
}
.editor-element-box-content > *:first-child {
    margin-top: 0;
}
.editor-element-box-content .editor-element-box-content {
    padding: 12px 16px;
}
.editor-element-box-content .editor-element-box-content .editor-element-box-content {
    padding: 12px 8px;
}
@media print {
    .editor-element-box-content_print {
        page-break-inside: auto;
    }
}
.editor-toolbar-button_active {
    background-color: var(--green-100, #d8fec9);
}
.editor-toolbar-button_active svg {
    color: var(--green-700, #1d650f);
}
.editor-toolbox {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: -42px;
    z-index: var(--z-index-portal);
    color: var(--text-500);
    height: auto;
    border-radius: 6px;
}
.upgrade-flag {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.upgrade-flag__content {
    font-weight: 500;
    display: flex;
    align-items: center;
    white-space: nowrap;
    vertical-align: baseline;
    font-size: 14px;
    line-height: 20px;
    transition: background-color 0.2s;
}
.upgrade-flag__content_purple-deep {
    color: var(--purple-700);
}
.upgrade-flag__content_purple-deep:hover {
    transition: background-color 0.2s;
    color: var(--purple-900);
}
.upgrade-flag__content_white {
    color: #fff;
}
.upgrade-flag__content_white:hover {
    transition: background-color 0.2s;
    color: var(--grey-100);
}
.upgrade-flag__content__icon {
    margin-right: 4px;
    margin-top: -2px;
}
.upgrade-flag__content__icon_purple-deep {
    fill: currentcolor;
}
.upgrade-flag__content__icon_white {
    fill: #fff;
}
.upgrade-flag__content:hover .upgrade-flag__content__icon {
    transition: background-color 0.2s;
}
.menu-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 32px;
    width: 100%;
    font-size: 14px;
    line-height: 32px;
    padding: 8px 12px !important;
    background-color: var(--menu-item_background-color, #fff) !important;
    transition: background-color 0.2s;
}
.menu-item_selected {
    background-color: var(--menu-item_background-color-selected, var(--grey-200)) !important;
}
.menu-item__left {
    width: 100%;
    font-family: var(--font-family-primary);
    color: var(--menu-item_title-color, var(--text-300)) !important;
}
.menu-item__left_danger {
    color: var(--red-500) !important;
}
.menu-item__left__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-weight: 500;
}
.menu-item__left__title__icon {
    margin-right: 8px;
}
.menu-item__left__description {
    display: block;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--menu-item_description-color, var(--text-300));
}
.menu-item__left__description_with-icon {
    margin-left: 28px;
}
.menu-item__upgrade {
    margin-left: auto;
    padding-left: 4px;
}
.menu-item:hover {
    background-color: var(--menu-item_background-color-selected, var(--grey-200)) !important;
}
.menu-item_white {
    --menu-item_background-color: #fff;
    --menu-item_background-color-selected: var(--grey-200);
    --menu-item_title-color: var(--text-400);
    --menu-item_description-color: var(--text-300);
}
.menu-item_dark {
    --menu-item_background-color: var(--grey-900);
    --menu-item_background-color-selected: #32363b;
    --menu-item_title-color: white;
    --menu-item_description-color: var(--text-100);
}
.title-block {
    color: var(--text-500);
    font-weight: 500;
    font-size: var(--font-size, 20px);
    line-height: var(--line-height, 24px);
}
.title-block_xsmall {
    --font-size: 16px;
}
.title-block_small {
    --font-size: 18px;
}
.title-block_medium {
    --font-size: 20px;
}
.title-block_large {
    --font-size: 24px;
}
.title-block_16 {
    --line-height: 16px;
    --font-size: 16px;
}
.title-block_12 {
    --line-height: 18px;
    --font-size: 12px;
}
.title-block_20 {
    --line-height: 20px;
}
.title-block_24 {
    --line-height: 24px;
}
.title-block_28 {
    --line-height: 28px;
}
.title-block_32 {
    --line-height: 32px;
}
.title-block_36 {
    --line-height: 36px;
}
.title-block:first-letter {
    text-transform: capitalize;
}
.modal {
    display: flex;
    align-items: center;
    justify-content: center;
}
.modal__wrapper {
    border-radius: 6px;
    background-color: #fff;
    outline: none;
    box-shadow: var(--box-shadow-large);
    border: none;
}
.modal__wrapper_small {
    width: 440px;
}
.modal__wrapper_medium {
    width: 560px;
}
.modal__wrapper_large {
    width: 640px;
}
.modal__wrapper__header {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    justify-content: space-between;
    border-bottom: var(--div-border-primary);
}
.modal__wrapper__content {
    position: relative;
    font-weight: 400;
    color: var(--text-400);
    font-size: 14px;
    line-height: 24px;
    max-height: calc(100vh - 164px);
    z-index: 2;
    overflow: auto;
}
.modal__wrapper__content_wide {
    padding: 0;
    overflow-y: auto;
}
.modal__wrapper__content_tight {
    padding: 24px;
}
.modal__wrapper__tooltip {
    display: flex;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    background-clip: border-box;
    padding: 16px 24px;
}
.modal__wrapper__tooltip_info {
    color: var(--text-400);
    background-color: var(--grey-100);
}
.modal__wrapper__tooltip_warning {
    color: var(--orange-700);
    background-color: var(--orange-100);
}
.modal__wrapper__tooltip_success {
    color: var(--green-700);
    background-color: var(--green-100);
}
.modal__wrapper__tooltip_danger {
    color: var(--red-700);
    background-color: var(--red-100);
}
.modal__wrapper__footer {
    padding: 12px 24px;
    border-top: var(--div-border-primary);
    display: flex;
    justify-content: space-between;
}
.modal__wrapper__footer_with-tooltip {
    border-top: unset;
}
.modal__wrapper__footer > * {
    margin-right: 16px;
}
.modal__wrapper__footer > *:last-child {
    margin-right: unset;
}
@media screen and (width <= 800px) {
    .modal__wrapper {
        width: calc(100% - 16px);
        margin: 8px;
    }
}
.modal__close-button {
    display: flex;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}
.editable-zone-switch-editing-rights-modal__content {
    padding: 24px;
    white-space: pre-line;
}
.editable-zone-element-mode-picker__item {
    height: unset !important;
}
.void-clause-element {
    -webkit-user-select: none;
    user-select: none;
}
.void-clause-element__loader {
    position: relative;
    padding: 10px;
}
._conditionSelectTrigger_3zq51_1 {
    cursor: pointer;
    min-width: 0;
}
._conditionSelectTrigger_3zq51_1:hover {
    background-color: var(--grey-200);
}
._conditionSelectTrigger_3zq51_1._dark_3zq51_8:hover {
    background-color: #363a40;
}
._hoverDisabled_3zq51_12:hover {
    background-color: transparent;
}
.editor-condition-select-display-mode-options__input-group {
    cursor: pointer;
}
.editor-condition-select-display-mode-options__input-group:hover {
    background-color: var(--grey-100);
}
.editor-condition-toolbox__content > :nth-child(3) {
    flex-grow: 1;
    max-width: 300px;
}
.skeleton {
    position: relative;
    overflow: hidden;
}
.skeleton[data-model="dark"] {
    background-color: #ffffff29;
}
.skeleton[data-model="dark"]:after {
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}
.skeleton[data-model="light"] {
    background-color: #0000001c;
}
.skeleton[data-model="light"]:after {
    background: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent);
}
.skeleton_animated:after {
    animation: waveKeyframe 1.6s linear 0.5s infinite;
    content: "";
    position: absolute;
    transform: translate(-100%);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@keyframes waveKeyframe {
    0% {
        transform: translate(-100%);
    }
    50% {
        transform: translate(100%);
    }
    to {
        transform: translate(100%);
    }
}
._item_1k51i_1 {
    width: 100px;
    border-radius: 6px;
    border: var(--div-border-primary);
    transition: all 0.15s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
}
._item_1k51i_1[data-highlighted] {
    outline: none;
    background-color: var(--grey-200);
    border-color: var(--green-500);
}
._item_1k51i_1[data-state="checked"] {
    border-color: var(--green-500);
}
._level_1k51i_17 {
    min-height: 16px;
}
._label_1obwy_1 {
    height: 24px;
}
._groupContent_1obwy_5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 8px;
}
._button_1pp8h_1:not(._withoutSelect_1pp8h_1) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 4px;
}
._button_1pp8h_1[data-state="on"] {
    background-color: var(--green-100);
    color: var(--green-700);
}
._arrowButton_1pp8h_11 {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0;
    padding-right: 0;
    width: 16px;
}
._content_1pp8h_19 {
    border-radius: 6px;
    background-color: var(--white);
    border: var(--div-border-primary);
    box-shadow: var(--shadow-m);
    max-height: var(--radix-select-content-available-height);
    z-index: 234567;
}
._viewport_1pp8h_28 {
    max-height: 360px;
    overflow-y: auto;
}
.editor-list-element-list-marker {
    display: inline-flex;
    padding: 4px;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    margin-right: 0.75em;
}
.editor-list-element-list-marker_with-menu {
    cursor: pointer;
    border-radius: 6px;
}
.editor-list-element-list-marker_with-menu:hover {
    background-color: var(--grey-200);
}
.editor-list-element-list-marker__content {
    text-indent: 0;
    display: inline-block;
}
.editor-list-element-list-marker__content svg {
    width: 0.35em !important;
    height: 0.35em !important;
    margin-bottom: 2px;
}
._recommendationElement_1anfg_1:after {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background-color: var(--pseudo-element-color);
}
.editor-element-text-element:before {
    text-transform: capitalize;
}
@media print {
    .editor-element-text-element {
        page-break-before: auto;
        page-break-inside: avoid;
    }
}
.editor-element-heading {
    color: var(--text-500);
}
.editor-leaf-thread {
    background-color: #653fdb3d;
    cursor: pointer;
}
.editor-leaf-thread_selected {
    background-color: #653fdb66;
    border-bottom: 2px solid var(--purple-500);
}
.editor-leaf-thread_readonly {
    cursor: inherit !important;
}
.editor-leaf {
    vertical-align: baseline;
}
.editor-leaf-size {
    font-size: var(--leaf-font-size, 15px) !important;
    line-height: calc(var(--leaf-font-size, 15px) + var(--leaf-line-height, 8px)) !important;
}
.editor-leaf-size_8 {
    --leaf-font-size: 8px;
}
.editor-leaf-size_9 {
    --leaf-font-size: 9px;
}
.editor-leaf-size_10 {
    --leaf-font-size: 10px;
}
.editor-leaf-size_11 {
    --leaf-font-size: 11px;
}
.editor-leaf-size_12 {
    --leaf-font-size: 12px;
}
.editor-leaf-size_13 {
    --leaf-font-size: 13px;
}
.editor-leaf-size_14 {
    --leaf-font-size: 14px;
}
.editor-leaf-size_15 {
    --leaf-font-size: 15px;
}
.editor-leaf-size_16 {
    --leaf-font-size: 16px;
}
.editor-leaf-size_17 {
    --leaf-font-size: 17px;
}
.editor-leaf-size_18 {
    --leaf-font-size: 18px;
}
.editor-leaf-size_19 {
    --leaf-font-size: 19px;
}
.editor-leaf-size_20 {
    --leaf-font-size: 20px;
}
.editor-leaf-size_21 {
    --leaf-font-size: 21px;
}
.editor-leaf-size_22 {
    --leaf-font-size: 22px;
}
.editor-leaf-size_23 {
    --leaf-font-size: 23px;
}
.editor-leaf-size_24 {
    --leaf-font-size: 24px;
}
.editor-leaf-size_25 {
    --leaf-font-size: 25px;
}
.editor-leaf-size_26 {
    --leaf-font-size: 26px;
}
.editor-leaf-size_27 {
    --leaf-font-size: 27px;
}
.editor-leaf-size_28 {
    --leaf-font-size: 28px;
}
.editor-leaf-size_29 {
    --leaf-font-size: 29px;
}
.editor-leaf-size_30 {
    --leaf-font-size: 30px;
}
.editor-leaf-size_31 {
    --leaf-font-size: 31px;
}
.editor-leaf-size_32 {
    --leaf-font-size: 32px;
}
.editor-leaf-size_8,
.editor-leaf-size_9,
.editor-leaf-size_10,
.editor-leaf-size_11,
.editor-leaf-size_12 {
    --leaf-line-height: 6px;
}
.editor-leaf-size_13,
.editor-leaf-size_14,
.editor-leaf-size_15,
.editor-leaf-size_16,
.editor-leaf-size_17,
.editor-leaf-size_18,
.editor-leaf-size_19,
.editor-leaf-size_20,
.editor-leaf-size_21,
.editor-leaf-size_22,
.editor-leaf-size_23,
.editor-leaf-size_24 {
    --leaf-line-height: 8px;
}
.editor-leaf-size_25,
.editor-leaf-size_26,
.editor-leaf-size_27,
.editor-leaf-size_28,
.editor-leaf-size_29,
.editor-leaf-size_30,
.editor-leaf-size_31,
.editor-leaf-size_32 {
    --leaf-line-height: 10px;
}
.editor-element-text-element:before {
    font-size: var(--leaf-font-size, 15px) !important;
    line-height: calc(var(--leaf-font-size, 15px) + 8px) !important;
}
.editor-element-text-element::before_8 {
    --leaf-font-size: 8px;
}
.editor-element-text-element::before_9 {
    --leaf-font-size: 9px;
}
.editor-element-text-element::before_10 {
    --leaf-font-size: 10px;
}
.editor-element-text-element::before_11 {
    --leaf-font-size: 11px;
}
.editor-element-text-element::before_12 {
    --leaf-font-size: 12px;
}
.editor-element-text-element::before_13 {
    --leaf-font-size: 13px;
}
.editor-element-text-element::before_14 {
    --leaf-font-size: 14px;
}
.editor-element-text-element::before_15 {
    --leaf-font-size: 15px;
}
.editor-element-text-element::before_16 {
    --leaf-font-size: 16px;
}
.editor-element-text-element::before_17 {
    --leaf-font-size: 17px;
}
.editor-element-text-element::before_18 {
    --leaf-font-size: 18px;
}
.editor-element-text-element::before_19 {
    --leaf-font-size: 19px;
}
.editor-element-text-element::before_20 {
    --leaf-font-size: 20px;
}
.editor-element-text-element::before_21 {
    --leaf-font-size: 21px;
}
.editor-element-text-element::before_22 {
    --leaf-font-size: 22px;
}
.editor-element-text-element::before_23 {
    --leaf-font-size: 23px;
}
.editor-element-text-element::before_24 {
    --leaf-font-size: 24px;
}
.editor-element-text-element::before_25 {
    --leaf-font-size: 25px;
}
.editor-element-text-element::before_26 {
    --leaf-font-size: 26px;
}
.editor-element-text-element::before_27 {
    --leaf-font-size: 27px;
}
.editor-element-text-element::before_28 {
    --leaf-font-size: 28px;
}
.editor-element-text-element::before_29 {
    --leaf-font-size: 29px;
}
.editor-element-text-element::before_30 {
    --leaf-font-size: 30px;
}
.editor-element-text-element::before_31 {
    --leaf-font-size: 31px;
}
.editor-element-text-element::before_32 {
    --leaf-font-size: 32px;
}
._editorSuggestionLeaf_1w9po_1 {
    box-sizing: border-box;
    line-height: inherit;
    color: var(--blue-700) !important;
}
._editorSuggestionLeaf_1w9po_1._active_1w9po_6 {
    background-color: var(--blue-100) !important;
    border-bottom: 2px solid var(--blue-700) !important;
}
._counterparty_1w9po_11 {
    color: var(--golden-700) !important;
}
._counterparty_1w9po_11._active_1w9po_6 {
    background-color: var(--golden-100) !important;
    border-bottom: 2px solid var(--golden-700) !important;
}
._delete_1w9po_19 {
    text-decoration: line-through !important;
}
.editable-zone-element-button-bar {
    position: absolute;
    right: 0;
    top: -40px;
}
.editable-zone-element-button-bar > button {
    padding: 4px 8px;
}
._editorZoneNavigatorContainer_1qki7_1 {
    background-color: var(--white);
    border-radius: 6px;
    border: var(--div-border-primary);
}
.editable-zone-element__navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}
.editable-zone-element__navigation > :first-child {
    margin-right: -4px;
}
.editable-zone-element__navigation > * {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    width: 24px;
    border-radius: 50%;
}
.editable-zone-element__navigation > *:hover {
    background-color: var(--grey-200);
}
.editable-zone-element_read-only {
    caret-color: #fff !important;
}
.editable-zone-element_editable {
    caret-color: var(--text-500) !important;
}
.editor-element-link > span {
    cursor: pointer;
}
.editor-element-list {
    padding-left: calc((var(--indentation, 0)) * 24px) !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.editor-element-list__indent_0 {
    --indentation: 0;
}
.editor-element-list__indent_1 {
    --indentation: 1;
}
.editor-element-list__indent_2 {
    --indentation: 2;
}
.editor-element-list__indent_3 {
    --indentation: 3;
}
.editor-element-list__indent_4 {
    --indentation: 4;
}
.editor-element-list__indent_5 {
    --indentation: 5;
}
.editor-element-list__indent_6 {
    --indentation: 6;
}
.editor-element-list__indent_7 {
    --indentation: 7;
}
.editor-element-list__indent_8 {
    --indentation: 8;
}
.editor-element-list > p {
    margin-top: 0;
    margin-bottom: 0;
}
@media print {
    .editor-element-list {
        page-break-inside: avoid;
    }
}
.media-resizing {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: 1px solid #101828;
    box-sizing: border-box;
}
.media-resizing_placeholder {
    opacity: 0.7;
    background-color: transparent;
}
.media-resizing__handle {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    background-color: #101828;
    border: 1px solid #fff;
}
.media-resizing__handle_left {
    left: -5px;
    cursor: ew-resize;
}
.media-resizing__handle_right {
    right: -5px;
    cursor: ew-resize;
}
.media-resizing__handle_top {
    top: -5px;
    cursor: ns-resize;
}
.media-resizing__handle_bottom {
    bottom: -5px;
    cursor: ns-resize;
}
.media-resizing__handle_midX {
    left: 50%;
    transform: translate(-50%);
}
.media-resizing__handle_midY {
    top: 50%;
    transform: translateY(-50%);
}
.media-resizing__handle.media-resizing__handle_top.media-resizing__handle_right {
    cursor: nesw-resize;
}
.media-resizing__handle.media-resizing__handle_top.media-resizing__handle_left,
.media-resizing__handle.media-resizing__handle_bottom.media-resizing__handle_right {
    cursor: nwse-resize;
}
.media-resizing__handle.media-resizing__handle_bottom.media-resizing__handle_left {
    cursor: nesw-resize;
}
.no-select {
    -webkit-user-select: none;
    user-select: none;
}
.editor-element-media {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0;
    cursor: default;
}
.editor-element-media__img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 1123px;
}
.editor-element-media__loader {
    height: 160px;
    width: 100%;
    background-color: var(--grey-100);
}
.editor-element-media_selected {
    outline: 1px solid #101828;
    box-sizing: border-box;
}
@media print {
    .editor-element-media {
        page-break-inside: avoid;
        page-break-before: avoid;
        page-break-after: auto;
    }
}
.editor-element-page-break {
    border-top: var(--div-border-primary);
    border-bottom: var(--div-border-primary);
    background-color: var(--grey-100);
    padding: 8px 16px;
    width: 100%;
    display: flex;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    color: var(--text-300);
    justify-content: space-between;
    margin: 16px 0;
    cursor: not-allowed;
}
.editor-element-page-break__diff {
    position: absolute;
    right: 0;
    width: 6px;
    height: 38px;
}
.editor-element-page-break__diff__add {
    background-color: #097c7c33;
}
.editor-element-page-break__diff__remove {
    background-color: #c74b4033;
}
.editor-element-page-break__left {
    display: flex;
}
.editor-element-page-break__left__icon {
    margin-right: 12px;
    align-items: center;
}
.editor-element-page-break__delete_icon {
    visibility: hidden;
    transition: background-color 0.2s;
    cursor: pointer;
    opacity: 0.75;
}
.editor-element-page-break__delete_icon:hover {
    opacity: 1;
}
.editor-element-page-break:hover .editor-element-page-break__delete_icon {
    visibility: visible;
}
@media print {
    .editor-element-page-break {
        page-break-after: always;
    }
}
.signatory-zone-element {
    position: relative;
    margin: 0 -8px -8px;
    border-radius: 6px;
}
.signatory-zone-element:hover {
    cursor: pointer;
    background-color: var(--grey-200);
}
.signatory-zone-element__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.signatory-zone-element__settings {
    visibility: hidden;
}
.signatory-zone-element:hover .signatory-zone-element__settings {
    visibility: visible;
}
.signatory-zone-element_disabled:hover {
    cursor: default;
    background-color: transparent;
}
.signatory-zone-element_disabled:hover .signatory-zone-element__settings {
    display: none;
}
@media print {
    .signatory-zone-element {
        page-break-inside: avoid;
    }
}
.editor-element-td {
    padding: 8px !important;
    height: 100%;
    position: relative;
    word-wrap: break-word;
    vertical-align: top;
    border: 1px solid var(--grey-300);
}
.editor-element-td > * {
    margin: 0;
}
.editor-element-td__drag-line {
    -webkit-user-select: none;
    user-select: none;
    position: absolute;
    right: -9px;
    top: 0;
    bottom: 0;
    width: 18px;
    padding-left: 8px;
    padding-right: 8px;
    cursor: col-resize;
    pointer-events: bounding-box;
    z-index: 1;
}
.editor-element-td__drag-line__background {
    width: 100%;
    height: 100%;
}
.editor-element-td.dynamic {
    vertical-align: middle;
}
.editor-element-td.is-resizing .editor-element-td__drag-line__background {
    background-color: var(--primary-color);
}
tr .editor-element-td:last-child .editor-element-td__drag-line {
    display: none;
}
.table-data-toolbar-options-dropdown-group {
    padding: 8px 0;
}
.table-data-toolbar-options-dropdown-group:not(:last-child) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.table-data-toolbar-options-dropdown-group__label {
    height: 24px;
    padding: 0 16px;
}
.table-data-toolbar-options__popper {
    min-width: max-content;
    width: 280px;
    max-height: 340px;
    overflow: auto;
}
.table-data-toolbar-options__popper::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}
.table-data-toolbar-options__popper::-webkit-scrollbar-thumb {
    background: #fff9;
    border-radius: 6px;
    border: 2px solid transparent;
    background-clip: content-box;
}
.table-data-toolbar-options__popper::-webkit-scrollbar-track {
    background: var(--text-500);
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-color: #ffffff14;
}
.table-data-toolbar-borders__popper {
    min-width: 300px;
    max-height: 40vh;
}
.table-data-toolbar-borders__popper__dropdown {
    background-color: var(--grey-900);
}
.popper {
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    box-shadow: var(--box-shadow);
    height: auto;
    max-height: 300px;
    overflow-y: auto;
    z-index: 1;
}
.color-input {
    padding: 6px 12px;
    border: var(--div-border-primary);
    border-radius: 6px;
    display: flex;
    gap: 8px;
    flex: 1;
}
.color-input__preview {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    cursor: pointer;
}
.color-input__input {
    width: 0;
    flex: 1;
    border: none;
    outline: none;
    background: none;
    font-size: 14px;
    color: var(--text-400);
    font-family: var(--font-family-primary);
}
.color-input__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
}
.color-input__reset-button {
    color: var(--text-300);
    cursor: pointer;
    transition: color 0.2s ease-in-out;
}
.color-input__reset-button:hover {
    color: var(--text-400);
}
.color-input__popper {
    z-index: 1300;
}
.color-input__color-picker .react-colorful__saturation {
    border-radius: 0;
    box-shadow: none;
}
.color-input__color-picker .react-colorful__hue {
    border-radius: 0;
}
._colorPickerPalette_v4a84_1 {
    padding: 0 16px;
    margin-top: 8px;
}
._colorWrapper_v4a84_6 {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    outline: 2px solid transparent;
    transition: outline-color 0.15s ease-in-out;
}
._colorWrapper_v4a84_6:hover {
    outline-color: var(--grey-300);
}
._colorWrapper_v4a84_6._selected_v4a84_19 {
    outline-color: var(--green-500);
}
._color_v4a84_1 {
    width: 20px;
    height: 20px;
    border-radius: 4px;
}
._colorPickerContent_1r8ct_1 {
    width: 252px;
    padding: 8px 0 16px;
}
._colorPickerContentPopper_1r8ct_6 {
    z-index: 1300;
}
._editButton_1rcta_1 {
    opacity: 0.7;
    transition: opacity 0.2s ease-in-out;
}
._editButton_1rcta_1:hover {
    opacity: 1;
}
._tableControl_1tkv2_1 {
    transition: all 0.2s ease-in-out;
}
._tableControl_1tkv2_1._clickable_1tkv2_4 {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
}
._tableControl_1tkv2_1._clickable_1tkv2_4:hover {
    background-color: var(--grey-200);
}
._tableDataToolbarAnchor_bnh6d_1 {
    pointer-events: all;
    width: 1px;
    height: 1px;
}
._tableSelectionOverlay_9x14z_1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    display: hidden;
    pointer-events: none;
    border: 2px solid transparent;
}
._tableSelectionOverlayActive_9x14z_12 {
    display: block;
    border: 2px solid var(--green-500);
}
._tableNoTextSelectionOverlay_9x14z_17 ::selection {
    background: transparent;
    color: inherit;
}
._tableNoTextSelectionOverlay_9x14z_17 ::-moz-selection {
    background: transparent;
    color: inherit;
}
._tableNoTextSelectionOverlay_9x14z_17 .editor-leaf {
    background-color: transparent !important;
}
.editor-element-table-wrapper {
    position: relative;
    caret-color: transparent;
}
.editor-element-table-wrapper__table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 24px;
    table-layout: fixed;
}
.editor-element-table-wrapper__table td,
.editor-element-table-wrapper__table th {
    box-sizing: border-box;
    border-width: 1px;
}
.editor-element-table-wrapper__table .editor-element {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.editor-element-table-wrapper__table .editor-element-media,
.editor-element-table-wrapper__table .editor-element-box {
    margin: 0 !important;
}
@media print {
    .editor-element-table-wrapper__table table {
        page-break-inside: auto;
    }
    .editor-element-table-wrapper__table thead {
        display: table-header-group !important;
    }
    .editor-element-table-wrapper__table tfoot {
        display: table-footer-group !important;
    }
}
.editor-element-tr {
    pointer-events: all;
}
._dynamicRowToolbar_9od95_1 {
    position: absolute;
    width: 30px;
    height: 80px;
    gap: 0;
    border-radius: 6px 0 6px 6px;
    border: 1px solid var(--green-500);
    box-shadow: 0 2px 4px #0000000a;
    background: #fff;
    font-size: 14px;
    font-weight: 700;
    color: var(--green-500);
    overflow: hidden;
}
._dynamicRowToolbar__header_9od95_15 {
    height: 28px;
    background: var(--green-500);
    width: 100%;
}
._dynamicRowToolbar__section_9od95_20 {
    height: 28px;
    width: 100%;
}
._placeholder_19273_1 {
    white-space: pre-wrap;
    overflow-wrap: break-word;
    font-weight: 400;
    color: var(--text-500);
    font-size: 14.67px;
    line-height: 18.4px;
    -webkit-user-modify: read-only;
    position: absolute;
    top: 0;
    pointer-events: none;
    width: 100%;
    max-width: 100%;
    display: block;
    -webkit-user-select: none;
    user-select: none;
    text-decoration: none;
}
._editorWrapper_sfbbb_13 {
    font-family: Arial, Helvetica, sans-serif;
}
._editorWrapper_sfbbb_13._virtualSelection_sfbbb_16 ::selection {
    background-color: transparent;
}
._editorWrapper_sfbbb_13._editionModeComment_sfbbb_19 {
    caret-color: transparent;
}
._clickable_1c836_1 {
    cursor: pointer;
    transition: background-color 0.1s ease-in-out;
}
._clickable_1c836_1:hover {
    background-color: var(--background-hover);
}
._clickable_1c836_1:active:not(:focus-within) {
    background-color: var(--white);
}
._threadEntryList_t1u46_1 {
    max-height: fit-content;
    overflow: auto;
    animation: _expandHeight_t1u46_1 0.3s ease-in-out;
}
@keyframes _expandHeight_t1u46_1 {
    0% {
        max-height: 100px;
        overflow: hidden;
    }
    to {
        max-height: 800px;
        overflow: auto;
    }
}
._threadCard_t1u46_17 {
    position: relative;
}
._threadCard_t1u46_17 ._threadCardActions_t1u46_20 {
    display: none;
    position: absolute;
    top: 14px;
    right: 24px;
}
._threadCard_t1u46_17:hover ._threadCardActions_t1u46_20 {
    display: flex;
}
._threadEntry_t1u46_1 {
    position: relative;
}
._threadEntry_t1u46_1 ._threadEntryActions_t1u46_33 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
}
._threadEntry_t1u46_1:hover ._threadEntryActions_t1u46_33 {
    display: flex;
}
.toggle {
    display: inline-block;
    cursor: pointer;
}
.toggle__size_32 {
    height: 32px;
}
.toggle__size_28 {
    height: 28px;
}
.toggle__container {
    position: relative;
    width: 100%;
    height: 100%;
}
.toggle__container__checkbox {
    position: absolute;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.toggle__container__buttons {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    background-color: var(--grey-200);
    border-radius: 6px;
}
.toggle__container__buttons__button {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-300);
    height: 100%;
    padding: 0 12px;
    gap: 4px;
}
.toggle__container__buttons__button_disabled {
    opacity: 0.6;
}
.toggle__container__buttons__button_active {
    width: 100%;
    color: var(--grey-700);
}
.toggle__container__buttons__button_with-icon {
    padding-left: 8px;
}
.toggle__container__slider {
    position: absolute;
    height: 100%;
    background: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
    top: 0;
    transform: translate(calc(100% - 2px));
    transition: 0.3s ease all;
}
.toggle__container__checkbox:checked ~ .toggle__container__slider {
    transform: translate(0);
}
._post_button_mention_1cpmt_1 {
    background-color: var(--golden-500);
    border-color: var(--golden-600);
    color: var(--white);
}
._post_button_mention_1cpmt_1:hover {
    background-color: var(--golden-400);
}
.form-mention__description {
    display: inline-block;
    font-style: italic;
    color: var(--text-300);
    font-size: 12px;
    line-height: 18px;
    margin-top: 8px;
    height: 40px;
}
.form-mention__actions {
    text-align: right;
    margin-top: 8px;
}
.form-mention__actions__buttons {
    display: flex;
    justify-content: space-between;
}
.contract-tab-annotations-filter {
    width: 128px;
}
.contract-tab-annotations-filter__filter-select {
    position: relative;
}
.contract-tab-annotations-navigation {
    display: flex;
}
.contract-tab-annotations-card {
    background-color: var(--grey-200);
    transition: padding ease-in-out 0.2s;
}
.contract-tab-annotations-card_focused {
    padding: 8px;
}
.contract-tab-annotations-card__content {
    width: 100%;
    padding: 16px 24px;
    background-color: #fff;
    border-bottom: var(--div-border-primary);
    cursor: pointer;
}
.contract-tab-annotations-card__content_focused {
    border-radius: 6px;
    border: var(--div-border-primary);
    padding: 12px 16px;
}
.contract-tab-annotations-thread-card-reply {
    display: flex;
    align-items: center;
    color: var(--text-300);
    margin-top: 24px;
    line-height: 20px;
    margin-bottom: -16px;
    font-weight: 500;
}
.contract-tab-annotations-thread-card-reply__icon {
    margin-right: 8px;
    transform: rotate(0.5turn);
}
.contract-tab-annotations-thread-card-comment__visibilty_golden {
    color: var(--golden-500);
}
.contract-tab-annotations-thread-card-comment__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: -16px;
    line-height: 20px;
    color: var(--text-400);
}
.contract-tab-annotations-thread-card-comment__public {
    background-color: var(--golden-100);
    border-radius: 6px;
    padding: 8px;
}
.contract-tab-annotations-thread-card-resolution-comment__content {
    margin-bottom: -16px;
    line-height: 20px;
    color: var(--text-300);
    font-style: italic;
}
.contract-tab-annotations-thread-quoted-text {
    padding-bottom: 16px;
    line-height: 20px;
}
.contract-tab-annotations-thread-quoted-text__content {
    color: var(--text-300);
    font-style: italic;
}
.contract-tab-annotations-suggestion-card__header-info {
    display: inline-block;
    align-items: center;
    height: 12px;
}
.contract-tab-annotations-suggestion-card__header-info__divider {
    display: inline-block;
    margin: 0 4px;
}
.contract-tab-annotations-suggestion-card__header-info__date {
    display: inline-block;
}
.contract-tab-annotations-thread-card-create-form {
    margin-top: 8px;
}
.contract-tab-annotations-thread-card-create-form__content {
    padding-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contract-tab-annotations-thread-card-create-form__content__description {
    color: var(--text-300);
    line-height: 20px;
    font-size: 12px;
}
.contract-tab-annotations-thread-card-create-form__content__footer {
    display: flex;
    justify-content: flex-end;
}
.contract-tab-annotations-thread-card-create-form__content__footer__visibility {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--text-300);
    flex-grow: 1;
}
.contract-tab-annotations-thread-card-create-form__content__footer__buttons {
    display: flex;
    align-items: center;
}
.contract-tab-annotations-thread-card-create-form__content__footer__buttons__button {
    margin-right: 12px;
}
.contract-tab-annotations-thread-card-create-form__content__footer__buttons__button:last-child {
    margin-right: 0;
}
.contract-tab-annotations-thread-card-create-form:first-child .contract-tab-annotations-thread-card-create-form__content {
    padding-top: 0;
}
.contract-tab-annotations-suggestion-card-resolution-comment__content {
    margin-bottom: -16px;
    line-height: 20px;
    color: var(--text-300);
    font-style: italic;
}
.contract-tab-annotations__content {
    padding-bottom: 16px;
    overflow-y: auto;
    height: calc(100% - 96px);
}
.native-select {
    box-sizing: border-box;
    outline: none;
    padding: 0 12px;
    font-family: var(--font-family-primary);
    font-weight: 400;
    color: var(--text-400);
    border-radius: 6px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    box-shadow: var(--box-shadow-button);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    transition: border background-color 0.2s;
}
.native-select_classic {
    border: var(--div-border-primary);
    background-color: #fff;
}
.native-select_classic__placeholder {
    color: var(--text-300);
}
.native-select_classic__placeholder option {
    color: initial;
}
.native-select_classic:hover {
    border: 1px solid var(--text-100);
}
.native-select_classic:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
.native-select_borderless {
    color: var(--text-300);
    border: 1px solid transparent;
    background-color: var(--grey-200);
}
.native-select_borderless:hover {
    border: var(--div-border-primary);
    transition: background-color 0.2s;
}
.native-select_opacity {
    color: #fff;
    border: none;
    background-color: #fff3;
}
.native-select_opacity option {
    color: initial;
}
.native-select_opacity:hover {
    border: none;
    background-color: #ffffff3d;
}
.native-select_dark {
    color: #fff;
    border: none;
    background-color: transparent;
}
.native-select_dark__placeholder {
    opacity: 0.6;
}
.native-select_dark option {
    color: initial;
}
.native-select_dark option:disabled {
    opacity: 0.6;
}
.native-select_dark:hover {
    background-color: #ffffff1a;
}
.native-select:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.native-select.error {
    border-color: var(--red-400);
}
.native-select::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
}
.native-select_arrow {
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    background-size: 1em auto, 100%;
    padding-right: 32px !important;
}
.native-select_arrow_white {
    background-image: url("");
}
.native-select_arrow_black {
    background-image: url("");
}
.native-select_arrow_grey {
    background-image: url("");
}
.native-select_20 {
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 8px;
}
.native-select_24 {
    height: 24px;
    font-size: 13px;
    line-height: 24px;
    padding: 0 8px;
}
.native-select_28 {
    height: 28px;
    font-size: 14px;
    line-height: 28px;
    padding: 0 12px;
}
.native-select_32 {
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
}
.native-select_36 {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 16px;
}
.native-select_40 {
    height: 40px;
    font-size: 16px;
    line-height: 40px;
    padding: 0 16px;
}
.native-select_48 {
    height: 48px;
    font-size: 16px;
    line-height: 48px;
    padding: 0 16px;
}
.native-select_52 {
    height: 52px;
    font-size: 16px;
    line-height: 52px;
    padding: 0 16px;
}
.native-select_bold {
    font-weight: 500;
}
.native-select_full {
    width: 100%;
}
.contract-tab-attributes-duration-field-group {
    display: flex;
}
.contract-tab-attributes-duration-field-group__input {
    border-right: none;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}
.contract-tab-attributes-duration-field-group__input:hover {
    border-right: none;
}
.contract-tab-attributes-duration-field-group__select {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}
.contract-tab-attributes-duration-field-group__select:hover {
    border-left: var(--div-border-primary);
}
._contractTabAttributesFieldsSection_17279_1 {
    border-bottom: var(--div-border-primary);
}
._contractTabAttributesFieldsSection_17279_1 ._title_17279_4 {
    cursor: pointer;
}
._contractTabAttributesFieldsSection_17279_1 ._chevronIcon_17279_7 {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}
._contractTabAttributesFieldsSection_17279_1 ._chevronIcon_17279_7._up_17279_11 {
    transform: rotate(0);
}
._contractSignatory_buv2i_1:hover ._contractSignatoryActions_buv2i_1:not(:empty) {
    display: flex;
}
._contractSignatoryActions_buv2i_1 {
    display: none;
}
._contractSignatoryActions_buv2i_1[data-state="active"] {
    display: flex;
}
._contractSignatoryActionsIcon_buv2i_10 {
    border-radius: 50%;
    padding: 4px;
    color: var(--text-300);
}
._contractSignatoryActionsIcon_buv2i_10:hover {
    background-color: #fff;
}
.contract-add-signatory {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    color: var(--grey-700);
}
.contract-add-signatory__icon {
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.contract-add-signatory__label {
    font-size: 14px;
    font-weight: 500;
}
.user-teaser {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.user-teaser__avatar {
    flex-shrink: 0;
}
.user-teaser__avatar_20,
.user-teaser__avatar_24 {
    margin-right: 8px;
}
.user-teaser__avatar_32 {
    margin-right: 16px;
}
.user-teaser__name {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: var(--text-secondary, #344054);
    font-weight: 500;
}
.user-teaser__name_24,
.user-teaser__name_32 {
    font-size: 14px;
}
.user-teaser__you {
    flex-shrink: 0;
    margin-left: 4px;
    font-size: 14px;
    color: var(--text-300);
}
.contract-signatory-autocomplete {
    --empty-signatory-max-height: 100px;
    width: 100%;
}
.contract-signatory-autocomplete__picker {
    position: relative;
    width: 100%;
}
.contract-signatory-autocomplete__picker__field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    margin: 1px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 32px;
    transition: background-color 0.2s;
}
.contract-signatory-autocomplete__picker__field__input {
    border: none;
    height: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.contract-signatory-autocomplete__picker__field__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.contract-signatory-autocomplete__picker__field:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.contract-signatory-autocomplete__picker__field--error:focus-within {
    border: 1px solid var(--orange-500);
    box-shadow: 0 0 0 1px var(--orange-500);
    transition: background-color 0.2s;
}
.contract-signatory-autocomplete__picker__suggestions {
    width: 100%;
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    padding: 0;
    list-style: none;
    margin-top: 4px;
    box-shadow: var(--box-shadow);
    z-index: 100;
    max-height: 300px;
    overflow: hidden;
}
.contract-signatory-autocomplete__picker__suggestions:empty {
    display: none;
}
.contract-signatory-autocomplete__picker__suggestions__prefix {
    max-height: var(--empty-signatory-max-height);
    border-top: var(--div-border-primary);
    width: 100%;
}
.contract-signatory-autocomplete__picker__suggestions__prefix_borderless {
    border-top: none;
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item {
    padding: 14px 16px;
    display: flex;
    cursor: pointer;
    gap: 8px;
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item:hover {
    background-color: var(--grey-100);
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item__icon {
    border-radius: 50%;
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item__content {
    flex: 1;
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item__content__label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-400);
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item__content__label strong {
    font-weight: 500;
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item__content__text {
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    color: var(--text-300);
}
.contract-signatory-autocomplete__picker__suggestions__prefix__item__content__text_error {
    color: var(--red-500);
}
.contract-signatory-autocomplete__picker__suggestions__title {
    color: var(--text-300);
    font-weight: 700;
    font-family: var(--font-family-primary);
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    padding-left: 18px;
}
.contract-signatory-autocomplete__picker__suggestions__items {
    overflow-y: auto;
    max-height: calc(300px - var(--empty-signatory-max-height));
}
.contract-signatory-autocomplete__picker__suggestions__items__item {
    border: none;
    outline: none;
    height: 36px;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 16px;
    font-family: var(--font-family-primary);
}
.contract-signatory-autocomplete__picker__suggestions__items__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.contract-signatory-autocomplete__picker__suggestions__items__item_active {
    background-color: var(--grey-100);
}
.contract-signatory-autocomplete__picker__suggestions__items__item__CTA__content {
    display: flex;
    align-items: center;
    color: var(--primary-color);
}
.contract-signatory-autocomplete__picker__suggestions__items__item__CTA__content__icon {
    margin-right: 12px;
    flex-shrink: 0;
}
.contract-signatory-loader {
    display: flex;
    align-items: center;
    height: 28px;
    padding: 4px 24px;
}
.contract-signatory-loader__icon {
    height: 20px;
    width: 20px;
    margin-right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: var(--dark-100);
}
.contract-signatory-loader__label {
    background-color: var(--dark-100);
    width: 200px;
    height: 8px;
    border-radius: 8px;
}
._contractSignatoryForm_1u3lw_1[data-disabled="false"]:hover {
    background: var(--grey-200);
    cursor: pointer;
}
.contract-signatories {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contract-signatories__group {
    font-family: var(--font-family-primary);
}
.contract-signatories__group__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 32px;
}
.contract-signatories__group__title__text {
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-300);
}
.inline-button {
    line-height: 24px;
    margin-left: var(--inline-button_margin, -24px);
    margin-right: var(--inline-button_margin, -24px);
    padding: var(--inline-button_padding, 4px 24px);
    color: var(--inline-button_color, var(--primary-color));
    background-color: var(--inline-button_background-color, white);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.inline-button_primary {
    --inline-button_color: var(--primary-color);
    --inline-button_background-color: white;
    --inline-button_background-color_hover: var(--grey-100);
}
.inline-button_dark {
    --inline-button_color: white;
    --inline-button_background-color: var(--grey-900);
    --inline-button_background-color_hover: rgb(255 255 255 / 8%);
}
.inline-button_padding-12 {
    --inline-button_padding: 4px 12px;
    --inline-button_margin: -12px;
}
.inline-button_padding-16 {
    --inline-button_padding: 4px 16px;
    --inline-button_margin: -16px;
}
.inline-button_padding-24 {
    --inline-button_padding: 4px 24px;
    --inline-button_margin: -24px;
}
.inline-button > * {
    margin-right: 8px;
}
.inline-button > *:last-child {
    margin-right: unset;
}
.inline-button:hover {
    background-color: var(--inline-button_background-color_hover, var(--grey-100));
}
.inline-button_disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.inline-button_disabled:hover {
    background-color: var(--inline-button_background-color, white);
}
.list-item-text {
    width: 100%;
}
.list-item-text__primary {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.list-item-text__secondary {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-300);
}
.list-item {
    display: flex;
    padding: 6px 16px;
    gap: 8px;
    -webkit-user-select: none;
    user-select: none;
}
.list-item_light {
    color: var(--text-400);
    background-color: var(--white);
}
.list-item_dark {
    color: var(--white);
    background-color: var(--grey-900);
}
.list-item_clickable {
    transition: background-color 0.2s;
}
.list-item_clickable.list-item_light:hover {
    background-color: var(--grey-200);
}
.list-item_clickable.list-item_dark:hover {
    background-color: #ffffff14;
}
.list-item_disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
}
.list-item_selected {
    background-color: var(--grey-200);
}
.contract-add-guest__error-description {
    color: var(--red-500);
}
.contract-add-guest__list__item {
    border-radius: 6px;
    padding: 14px 16px;
}
.contract-add-guest__list__item__text__primary {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-400);
}
.contract-add-guest__list__item__text__primary strong {
    font-weight: 500;
}
.contract-add-guest__list__item__text__secondary {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-300);
}
.contract-add-participant {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
    color: var(--text-400);
}
.contract-add-participant__icon {
    height: 20px;
    width: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.contract-add-participant__label {
    font-size: 14px;
    font-weight: 500;
}
.contract-contract-member-autocomplete {
    position: relative;
    width: 100%;
    max-width: 320px;
}
.contract-contract-member-autocomplete__suggestions {
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    padding: 8px 0;
    list-style: none;
    overflow-y: auto;
    margin-top: 4px;
    box-shadow: var(--box-shadow);
    z-index: 100;
}
.contract-contract-member-autocomplete__suggestions__item {
    height: 36px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 16px;
}
.contract-contract-member-autocomplete__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.contract-contract-member-autocomplete__suggestions__item_active {
    background-color: var(--grey-100);
}
.contract-add-participant-button {
    line-height: 32px;
}
.contract-participant {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    line-height: 32px;
}
.contract-participant__actions {
    width: fit-content;
    border-radius: 6px;
}
.contract-participant__actions:hover {
    background-color: var(--grey-200);
}
.contract-participant__actions svg {
    fill: var(--text-300) !important;
    width: 16px !important;
    height: 16px !important;
}
.button-icon {
    display: flex;
    align-items: center;
    text-align: center;
}
.button-icon__image {
    position: relative;
    box-sizing: border-box;
}
.button-icon__image img {
    height: 20px;
    margin: auto;
}
.button-icon__icon {
    justify-content: center;
}
.button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    font-weight: 500;
    font-family: var(--font-family-primary);
    white-space: nowrap;
    border: 1px solid;
    vertical-align: baseline;
    outline: none;
    cursor: pointer;
    transition: background-color 0.2s, border 0.2s;
}
.button_16 {
    height: 16px;
    padding: 0 2px;
    font-size: 12px;
}
.button__toggle_16 {
    display: flex;
    align-items: center;
    height: 16px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_16__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_20 {
    height: 20px;
    padding: 0 4px;
    font-size: 12px;
}
.button__toggle_20 {
    display: flex;
    align-items: center;
    height: 20px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_20__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_24 {
    height: 24px;
    padding: 0 8px;
    font-size: 14px;
}
.button__toggle_24 {
    display: flex;
    align-items: center;
    height: 24px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_24__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_28 {
    height: 28px;
    padding: 0 12px;
    font-size: 14px;
}
.button__toggle_28 {
    display: flex;
    align-items: center;
    height: 28px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_28__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_32 {
    height: 32px;
    padding: 0 12px;
    font-size: 14px;
}
.button__toggle_32 {
    display: flex;
    align-items: center;
    height: 32px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_32__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_36 {
    height: 36px;
    padding: 0 16px;
    font-size: 15px;
}
.button__toggle_36 {
    display: flex;
    align-items: center;
    height: 36px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_36__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_40 {
    height: 40px;
    padding: 0 16px;
    font-size: 16px;
}
.button__toggle_40 {
    display: flex;
    align-items: center;
    height: 40px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_40__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_48 {
    height: 48px;
    padding: 0 16px;
    font-size: 16px;
}
.button__toggle_48 {
    display: flex;
    align-items: center;
    height: 48px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_48__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_52 {
    height: 52px;
    padding: 0 16px;
    font-size: 16px;
}
.button__toggle_52 {
    display: flex;
    align-items: center;
    height: 52px;
    width: 32px;
    margin-right: -8px;
    padding-left: 4px;
}
.button__toggle_52__icon {
    color: var(--text-300);
    padding-right: 0.7em;
}
.button_icon {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.button_icon_12 {
    min-width: 12px;
}
.button_icon_16 {
    min-width: 16px;
}
.button_icon_20 {
    min-width: 20px;
}
.button_icon_24 {
    min-width: 24px;
}
.button_icon_32 {
    min-width: 32px;
}
.button_icon_40 {
    min-width: 40px;
}
.button_mixed {
    padding-left: 12px;
}
.button__label {
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.button__label_mixed {
    margin-left: 8px;
}
.button_rounded {
    border-radius: 6px;
}
.button__toggle__icon {
    padding-left: 4px;
    display: flex;
    align-items: center;
    margin-right: -12px;
}
.button_classic {
    color: #fff;
    fill: #fff;
    box-shadow: var(--box-shadow-button);
}
.button_classic.button_primary {
    color: var(--green-100);
    fill: currentcolor;
    background-color: var(--green-900);
    border: 1px solid var(--green-900);
}
.button_classic.button_primary:hover {
    background-color: var(--green-700);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_primary > .button_primary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--green-100) !important;
}
.button_classic.button_light-primary {
    color: var(--primary-color);
    fill: currentcolor;
    background-color: var(--blue-100);
    border: 1px solid var(--blue-200);
}
.button_classic.button_light-primary:hover {
    background-color: var(--blue-200);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_light-primary > .button_light-primary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button_classic.button_secondary {
    color: var(--text-400);
    fill: currentcolor;
    background-color: var(--grey-200);
    border: 1px solid var(--grey-300);
}
.button_classic.button_secondary:hover {
    background-color: var(--grey-100);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_secondary > .button_secondary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button_classic.button_success {
    color: #fff;
    fill: currentcolor;
    background-color: var(--green-500);
    border: 1px solid var(--green-600);
}
.button_classic.button_success:hover {
    background-color: var(--green-600);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_success > .button_success__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_warning {
    color: #fff;
    fill: currentcolor;
    background-color: var(--orange-500);
    border: 1px solid var(--orange-600);
}
.button_classic.button_warning:hover {
    background-color: var(--orange-600);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_warning > .button_warning__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_danger {
    color: #fff;
    fill: currentcolor;
    background-color: var(--red-500);
    border: 1px solid var(--red-600);
}
.button_classic.button_danger:hover {
    background-color: var(--red-600);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_danger > .button_danger__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_grey {
    color: var(--text-300);
    fill: currentcolor;
    background-color: var(--grey-100);
    border: 1px solid var(--grey-200);
}
.button_classic.button_grey:hover {
    background-color: var(--grey-100);
    transition: background-color 0.2s, border 0.2s;
    border-color: var(--grey-300);
}
.button_classic.button_grey > .button_grey__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-300) !important;
}
.button_classic.button_purple {
    color: #fff;
    fill: currentcolor;
    background-color: var(--purple-500);
    border: 1px solid var(--purple-600);
}
.button_classic.button_purple:hover {
    background-color: var(--purple-600);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_purple > .button_purple__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_fuchsia {
    color: #fff;
    fill: currentcolor;
    background-color: var(--fuchsia-500);
    border: 1px solid var(--fuchsia-600);
}
.button_classic.button_fuchsia:hover {
    background-color: var(--fuchsia-600);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_fuchsia > .button_fuchsia__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_golden {
    color: #fff;
    fill: currentcolor;
    background-color: var(--golden-500);
    border: 1px solid var(--golden-600);
}
.button_classic.button_golden:hover {
    background-color: var(--golden-600);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_golden > .button_golden__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_opacity {
    color: #fff;
    fill: currentcolor;
    background-color: #ffffff0a;
    border: 1px solid rgba(255, 255, 255, 0.08);
}
.button_classic.button_opacity:hover {
    background-color: #ffffff3d;
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_opacity > .button_opacity__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_purple-deep {
    color: var(--purple-700);
    fill: currentcolor;
    background-color: #fff;
    border: 1px solid transparent;
}
.button_classic.button_purple-deep:hover {
    background-color: var(--purple-100);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_purple-deep > .button_purple-deep__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--purple-700) !important;
}
.button_classic.button_dark {
    color: var(--text-400);
    fill: currentcolor;
    background-color: #fff;
    border: 1px solid var(--grey-300);
}
.button_classic.button_dark:hover {
    background-color: var(--grey-100);
    transition: background-color 0.2s, border 0.2s;
    border-color: var(--grey-300);
}
.button_classic.button_dark > .button_dark__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button_classic.button_custom-light {
    color: #fff;
    fill: currentcolor;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color-pair);
}
.button_classic.button_custom-light:hover {
    background-color: var(--primary-color-pair);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_custom-light > .button_custom-light__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_classic.button_custom-dark {
    color: var(--text-400);
    fill: currentcolor;
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color-pair);
}
.button_classic.button_custom-dark:hover {
    background-color: var(--primary-color-pair);
    transition: background-color 0.2s, border 0.2s;
}
.button_classic.button_custom-dark > .button_custom-dark__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button_reversed {
    box-shadow: var(--box-shadow-button);
}
.button_reversed.button_primary {
    color: var(--green-900);
    fill: var(--green-900);
    background-color: var(--green-100);
    border: 1px solid var(--green-100);
}
.button_reversed.button_primary:hover {
    color: var(--green-100);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_primary > .button_primary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--green-100) !important;
}
.button_reversed.button_light-primary {
    color: var(--blue-100);
    fill: var(--blue-100);
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.button_reversed.button_light-primary:hover {
    color: var(--primary-color);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_light-primary > .button_light-primary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button_reversed.button_secondary {
    color: var(--grey-200);
    fill: var(--grey-200);
    background-color: var(--text-400);
    border: 1px solid var(--text-400);
}
.button_reversed.button_secondary:hover {
    color: var(--text-400);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_secondary > .button_secondary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button_reversed.button_success {
    color: var(--green-500);
    fill: var(--green-500);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_success:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_success > .button_success__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_warning {
    color: var(--orange-500);
    fill: var(--orange-500);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_warning:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_warning > .button_warning__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_danger {
    color: var(--red-500);
    fill: var(--red-500);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_danger:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_danger > .button_danger__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_grey {
    color: var(--grey-100);
    fill: var(--grey-100);
    background-color: var(--text-300);
    border: 1px solid var(--text-300);
}
.button_reversed.button_grey:hover {
    color: var(--text-300);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_grey > .button_grey__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-300) !important;
}
.button_reversed.button_purple {
    color: var(--purple-500);
    fill: var(--purple-500);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_purple:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_purple > .button_purple__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_fuchsia {
    color: var(--fuchsia-500);
    fill: var(--fuchsia-500);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_fuchsia:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_fuchsia > .button_fuchsia__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_golden {
    color: var(--golden-500);
    fill: var(--golden-500);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_golden:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_golden > .button_golden__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_opacity {
    color: #ffffff0a;
    fill: #ffffff0a;
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_opacity:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_opacity > .button_opacity__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_purple-deep {
    color: #fff;
    fill: #fff;
    background-color: var(--purple-700);
    border: 1px solid var(--purple-700);
}
.button_reversed.button_purple-deep:hover {
    color: var(--purple-700);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_purple-deep > .button_purple-deep__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--purple-700) !important;
}
.button_reversed.button_dark {
    color: #fff;
    fill: #fff;
    background-color: var(--text-400);
    border: 1px solid var(--text-400);
}
.button_reversed.button_dark:hover {
    color: var(--text-400);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_dark > .button_dark__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button_reversed.button_custom-light {
    color: var(--primary-color);
    fill: var(--primary-color);
    background-color: #fff;
    border: 1px solid white;
}
.button_reversed.button_custom-light:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_custom-light > .button_custom-light__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_reversed.button_custom-dark {
    color: var(--primary-color);
    fill: var(--primary-color);
    background-color: var(--text-400);
    border: 1px solid var(--text-400);
}
.button_reversed.button_custom-dark:hover {
    color: var(--text-400);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button_reversed.button_custom-dark > .button_custom-dark__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button_outline {
    background-color: #fff;
    border-color: var(--grey-300);
    box-shadow: var(--box-shadow-button);
    transition: background-color 0.2s, border 0.2s;
}
.button_outline:hover {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.16);
    transition: background-color 0.2s, border 0.2s;
}
.button_outline.button_primary {
    color: var(--primary-color);
    fill: var(--primary-color);
}
.button_outline.button_primary:hover {
    background-color: var(--primary-color);
    fill: #fff;
}
.button_outline.button_grey {
    color: var(--text-300);
    fill: var(--text-300);
}
.button_outline.button_grey:hover {
    color: var(--text-300);
    border-color: var(--grey-300);
    background-color: var(--grey-100);
}
.button_outline.button_secondary {
    color: var(--text-400);
    fill: var(--text-400);
}
.button_outline.button_secondary:hover {
    color: var(--text-400);
    border-color: var(--grey-300);
    background-color: var(--grey-100);
}
.button_outline.button_success {
    color: var(--green-500);
    fill: var(--green-500);
}
.button_outline.button_success:hover {
    background-color: var(--green-500);
    fill: #fff;
}
.button_outline.button_warning {
    color: var(--orange-500);
    fill: var(--orange-500);
}
.button_outline.button_warning:hover {
    background-color: var(--orange-500);
    fill: #fff;
}
.button_outline.button_danger {
    color: var(--red-500);
    fill: var(--red-500);
}
.button_outline.button_danger:hover {
    background-color: var(--red-500);
    fill: #fff;
}
.button_outline.button_purple {
    color: var(--purple-500);
    border: 1px solid var(--purple-500);
    background-color: transparent;
    fill: var(--purple-500);
}
.button_outline.button_purple:hover {
    background-color: var(--purple-500);
    color: #fff;
    fill: #fff;
}
.button_outline.button_fuchsia {
    color: var(--fuchsia-500);
    border: 1px solid var(--fuchsia-500);
    background-color: transparent;
    fill: var(--fuchsia-500);
}
.button_outline.button_fuchsia:hover {
    background-color: var(--fuchsia-500);
    color: #fff;
    fill: #fff;
}
.button_outline.button_golden {
    color: var(--golden-500);
    fill: var(--golden-500);
}
.button_outline.button_golden:hover {
    background-color: var(--golden-500);
    fill: #fff;
}
.button_outline.button_opacity {
    color: #fff;
    border: 1px solid #fff;
    background-color: transparent;
}
.button_outline.button_opacity:hover {
    background-color: #ffffff3d;
}
.button_outline.button_upgrade {
    color: var(--purple-700);
    fill: var(--purple-700);
}
.button_outline.button_upgrade:hover {
    background-color: var(--purple-700);
    fill: #fff;
}
.button_outline__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button_borderless {
    background-color: transparent;
    border-color: transparent;
    color: var(--text-300);
    fill: currentcolor;
    transition: background-color 0.2s, color 0.2s, border 0.2s;
}
.button_borderless:hover {
    transition: background-color 0.2s, color 0.2s, border 0.2s;
}
.button_borderless.button_primary:hover {
    background-color: var(--grey-200);
    color: var(--primary-color);
}
.button_borderless.button_grey:hover {
    background-color: var(--grey-200);
    border-color: transparent;
}
.button_borderless.button_secondary {
    color: var(--text-400);
}
.button_borderless.button_secondary:hover {
    background-color: var(--grey-200);
}
.button_borderless.button_success:hover {
    background-color: var(--grey-200);
    color: var(--green-500);
}
.button_borderless.button_warning:hover {
    background-color: var(--grey-200);
    color: var(--orange-500);
}
.button_borderless.button_danger:hover {
    background-color: var(--grey-200);
    color: var(--red-500);
}
.button_borderless.button_white {
    color: #fff;
    background-color: transparent;
}
.button_borderless.button_white:hover {
    background-color: #ffffff29;
}
.button_borderless.button_golden:hover {
    background-color: var(--grey-200);
    color: var(--golden-500);
}
.button_borderless.button_golden-deep {
    color: var(--golden-500);
}
.button_borderless.button_golden-deep:hover {
    background-color: var(--grey-200);
}
.button_borderless.button_upgrade {
    color: var(--purple-700);
}
.button_borderless.button_upgrade:hover {
    background-color: var(--purple-100);
}
.button_borderless__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button_boxless {
    border: none;
    padding: 0;
    background: none;
    font-weight: 500;
}
.button_boxless:disabled,
.button_boxless[disabled] {
    opacity: 0.6 !important;
}
.button_boxless.button_primary {
    color: var(--green-900);
}
.button_boxless.button_primary:hover {
    color: var(--green-700);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_primary > .button_primary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--green-900) !important;
}
.button_boxless.button_light-primary {
    color: var(--blue-100);
}
.button_boxless.button_light-primary:hover {
    color: var(--blue-200);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_light-primary > .button_light-primary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--blue-100) !important;
}
.button_boxless.button_secondary {
    color: var(--grey-200);
}
.button_boxless.button_secondary:hover {
    color: var(--grey-100);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_secondary > .button_secondary__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--grey-200) !important;
}
.button_boxless.button_success {
    color: var(--green-500);
}
.button_boxless.button_success:hover {
    color: var(--green-600);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_success > .button_success__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--green-500) !important;
}
.button_boxless.button_warning {
    color: var(--orange-500);
}
.button_boxless.button_warning:hover {
    color: var(--orange-600);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_warning > .button_warning__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--orange-500) !important;
}
.button_boxless.button_danger {
    color: var(--red-500);
}
.button_boxless.button_danger:hover {
    color: var(--red-600);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_danger > .button_danger__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--red-500) !important;
}
.button_boxless.button_grey {
    color: var(--grey-100);
}
.button_boxless.button_grey:hover {
    color: var(--grey-100);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_grey > .button_grey__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--grey-100) !important;
}
.button_boxless.button_purple {
    color: var(--purple-500);
}
.button_boxless.button_purple:hover {
    color: var(--purple-600);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_purple > .button_purple__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--purple-500) !important;
}
.button_boxless.button_fuchsia {
    color: var(--fuchsia-500);
}
.button_boxless.button_fuchsia:hover {
    color: var(--fuchsia-600);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_fuchsia > .button_fuchsia__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--fuchsia-500) !important;
}
.button_boxless.button_golden {
    color: var(--golden-500);
}
.button_boxless.button_golden:hover {
    color: var(--golden-600);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_golden > .button_golden__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--golden-500) !important;
}
.button_boxless.button_opacity {
    color: #ffffff0a;
}
.button_boxless.button_opacity:hover {
    color: #ffffff3d;
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_opacity > .button_opacity__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #ffffff0a !important;
}
.button_boxless.button_purple-deep {
    color: #fff;
}
.button_boxless.button_purple-deep:hover {
    color: var(--purple-100);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_purple-deep > .button_purple-deep__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_boxless.button_dark {
    color: #fff;
}
.button_boxless.button_dark:hover {
    color: var(--grey-100);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_dark > .button_dark__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button_boxless.button_custom-light {
    color: var(--primary-color);
}
.button_boxless.button_custom-light:hover {
    color: var(--primary-color-pair);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_custom-light > .button_custom-light__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button_boxless.button_custom-dark {
    color: var(--primary-color);
}
.button_boxless.button_custom-dark:hover {
    color: var(--primary-color-pair);
    transition: color 0.2s, border 0.2s;
}
.button_boxless.button_custom-dark > .button_custom-dark__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button:disabled,
.button[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}
.button[hidden] {
    display: none;
}
.button_full {
    width: 100%;
}
.button_loading {
    color: transparent !important;
}
.select-content {
    flex: 1;
    overflow-y: auto;
    padding: 8px 0;
    border-bottom: var(--div-border-primary);
}
.select-content:empty {
    display: none;
}
.select-footer {
    padding: 8px 0;
}
.select-group {
    display: flex;
    flex-direction: column;
}
.select-group:not(:first-child) {
    margin-top: 8px;
}
.select-group__divider {
    margin-top: 8px;
    height: 1px;
    border-bottom: var(--div-border-primary);
}
.select-group__divider:last-child {
    display: none;
}
.select-group__title_regular {
    padding: 6px 16px;
    height: 32px;
    margin-bottom: 4px;
}
.select-group__title_small {
    padding: 4px 16px;
    height: 24px;
}
.select-group__with-title:has(.select-group__options:empty) {
    display: none;
}
.select-group__with-title:has(.select-group__options:empty) + .select-group__divider {
    display: none;
}
.select-popover {
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.select-popper {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    z-index: 1;
}
.select-search {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 16px;
    gap: 8px;
    border-bottom: var(--div-border-primary);
    flex: 0;
}
.select-search__icon {
    color: var(--text-300);
}
.select-search__input {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-400);
    flex: 1;
    border: none;
}
.select-search__input::placeholder {
    color: var(--text-300);
}
.select-search__input:focus {
    outline: none;
}
.remove-editable-zones-modal__content {
    padding: 24px;
    white-space: pre-line;
}
.contract-tab-participants-edition-rights__label {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-400);
    margin-bottom: 4px;
}
.contract-tab-participants-edition-rights__select__button {
    width: 100%;
    justify-content: flex-start;
}
.contract-tab-participants-edition-rights__select__button .button__label {
    flex: 1;
    text-align: left;
}
.form-select {
    position: relative;
}
.form-select__description {
    color: var(--text-300);
    line-height: 20px;
    margin-bottom: 4px;
}
.form-select__label_with-description {
    margin-bottom: 0 !important;
}
.form-select__upgrade {
    position: absolute;
    top: 0;
    right: 0;
}
.form-select__field {
    display: flex;
}
.form-select__field__icon {
    display: flex;
    flex-shrink: 0;
    border: var(--div-border-primary);
    border-right: 0;
    align-items: center;
    border-radius: 6px 0 0 6px;
    padding-left: 12px;
}
.form-select__field__icon_disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.form-select__field__input {
    border-left: 0 !important;
    border-radius: 0 6px 6px 0;
    padding-left: 12px;
    background-color: transparent;
}
.form-select__field__delete-icon {
    visibility: hidden;
    position: absolute;
    right: 8px;
    bottom: 6px;
    padding: 2px;
    opacity: 0.5;
    background-color: var(--grey-200);
    cursor: pointer;
    border-radius: 6px;
    transition: background-color 0.2s;
}
.form-select__field__delete-icon:hover {
    opacity: 0.8;
}
.form-select__field__delete-icon_visible {
    visibility: visible;
}
.form-select select {
    display: block;
}
.form-select__feedback {
    margin-top: 4px;
    color: var(--red-500);
    line-height: 16px;
    font-size: 12px;
}
.contract-tab-participants-settings-language-field * {
    width: 100%;
}
.contract-tab-participants-settings-right-field__select__button {
    width: 100%;
    justify-content: flex-start;
}
.contract-tab-participants-settings-right-field__select__button .button__label {
    flex: 1;
    text-align: left;
}
.contract-tab-participants-settings__field__select select {
    font-weight: 500;
}
.contract-tab-participants {
    padding: 0 24px;
    overflow-y: auto;
    flex: 1;
    height: 100%;
}
.contract-tab-participants__item {
    padding-bottom: 16px;
}
.contract-tab-participants__item_pulsate {
    animation: pulsate 0.5s ease-in-out 2 both;
}
.contract-tab-participants__item:last-of-type {
    padding-bottom: 40px;
}
.contract-tab-participants__item__title {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 500;
    line-height: 2;
    height: 32px;
    text-align: left;
    color: var(--text-500);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.contract-tab-participants__item__title__icon {
    margin-left: 4px;
    margin-top: 8px;
}
.contract-tab-participants__item__toggle {
    padding-top: 16px;
}
.contract-tab-participants__item__toggle:empty {
    display: none;
}
.contract-tab-participants__item__toggle:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    border-top: var(--div-border-primary);
    padding-bottom: 16px;
}
.contract-tab-participants__item__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contract-tab-participants__divider {
    border-bottom: var(--div-border-primary);
    margin: 0 -24px;
}
@keyframes pulsate {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.9);
    }
    to {
        transform: scale(1);
    }
}
.breadcrumb-name-field__input {
    border-color: transparent;
    text-overflow: ellipsis;
    color: var(--text-400);
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
}
.breadcrumb-name-field__input:hover:not(:focus) {
    border-color: transparent;
}
.breadcrumb-name-field__input:hover {
    background-color: var(--grey-200);
    transition: background-color 0.2s;
}
.breadcrumb__slash-icon {
    margin: auto 2px;
    width: 6px;
    height: 16px;
}
@media screen and (width <= 800px) {
    .breadcrumb__slash-icon {
        display: none;
    }
}
.dropzone-breadcrumb_droppable {
    background-color: var(--grey-200);
    border-radius: 6px;
}
._folderPickerCommandListRoot_7eogv_1 {
    max-height: min(var(--radix-popover-content-available-height), 484px);
}
._folderPickerCommandList_7eogv_1 {
    overflow: auto;
    transition: height 0.1s ease;
}
._folderPickerCommandListSearch_7eogv_10 {
    margin-top: 8px;
    margin-bottom: 8px;
}
._folderPickerContent_61nrd_1 {
    min-width: 320px;
    width: var(--radix-popover-trigger-width);
    max-height: var(-radix-popper-available-height);
    overflow: hidden;
}
.icon-tab {
    position: relative;
    overflow: visible;
    color: var(--text-400);
    border-radius: 6px;
    padding: 6px;
    width: fit-content;
    cursor: pointer;
    transition: background-color 0.2s;
}
.icon-tab_secondary:hover:not(.icon-tab_secondary_active) {
    background-color: var(--grey-200);
}
.icon-tab.icon-tab_active,
.icon-tab.icon-tab_active:hover {
    background-color: var(--green-100);
    color: var(--green-700);
}
.icon-tab_primary {
    background-color: var(--green-900);
    color: var(--green-100);
    border-radius: 50%;
}
.icon-tab_primary.icon-tab_active:not(:hover) {
    background-color: var(--green-100, #d8fec9);
}
.icon-tab_primary.icon-tab_active:not(:hover) svg {
    color: var(--green-700, #1d650f);
}
.icon-tab_primary:hover {
    background-color: var(--green-800);
}
.icon-tabs {
    display: flex;
    gap: 8px;
    width: 32px;
    overflow: visible;
}
.icon-tabs_horizontal {
    flex-direction: row;
    width: fit-content;
}
.icon-tabs_vertical {
    flex-direction: column;
}
.icon-tabs_left {
    align-items: flex-start;
}
.icon-tabs_right {
    align-items: flex-end;
}
.chip {
    background-color: var(--chip_background-color, var(--red-500));
    color: var(--chip_color, white);
    font-size: var(--chip_font-size, 14px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--chip_padding, 2px);
    position: absolute;
    width: var(--chip_size, 16px);
    height: var(--chip_size, 16px);
    right: -6px;
    top: -6px;
    border: 2px solid var(--chip_border-color, white);
    border-radius: 50%;
}
.chip_red {
    --chip_background-color: var(--red-500);
    --chip_color: white;
    --chip_border-color: white;
}
.chip_10 {
    --chip_size: 10px;
    --chip_padding: 1px;
    --chip_font-size: 8px;
}
.chip_12 {
    --chip_size: 12px;
    --chip_padding: 1px;
    --chip_font-size: 10px;
}
.chip_14 {
    --chip_size: 14px;
    --chip_padding: 1px;
    --chip_font-size: 12px;
}
.chip_16 {
    --chip_size: 16px;
    --chip_padding: 2px;
    --chip_font-size: 14px;
}
.icon-tab-with-chip {
    position: relative;
}
.icon-tab-with-chip__chip {
    top: -6px;
    right: -6px;
}
.icon-tab-with-chip:hover {
    background-color: var(--grey-200);
}
:root {
    --parallel-drawer-width-normal: 400px;
    --parallel-drawer-width-large: 552px;
    --parallel-drawer-transition: 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
    --parallel-drawer-width-transition: 0.4s cubic-bezier(0.34, 1.12, 0.64, 1) 0ms;
}
.parallel-drawer-drawer {
    flex: 0 0 auto;
    width: var(--parallel-drawer-width-normal);
    transition: width var(--parallel-drawer-width-transition);
}
.parallel-drawer-drawer__content {
    height: 100%;
    border-left: var(--div-border-primary);
    width: var(--parallel-drawer-width-normal);
    transform: translate(var(--parallel-drawer-width-normal));
    transition: transform var(--parallel-drawer-transition), width var(--parallel-drawer-width-transition);
    display: flex;
    flex-direction: column;
    overflow: hidden auto;
}
.parallel-drawer-drawer_open .parallel-drawer-drawer__content {
    transform: translate(0);
}
@media screen and (width >= 1200px) {
    .parallel-drawer-drawer_large {
        width: var(--parallel-drawer-width-large);
    }
    .parallel-drawer-drawer_large .parallel-drawer-drawer__content {
        width: var(--parallel-drawer-width-large);
        transform: translate(var(--parallel-drawer-width-large));
    }
    .parallel-drawer-drawer_large.parallel-drawer-drawer_open .parallel-drawer-drawer__content {
        transform: translate(0);
    }
}
.parallel-drawer-main {
    flex-grow: 1;
    margin-right: -400px;
    transition: margin-right 225ms cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.parallel-drawer-main_open {
    margin-right: 0;
}
.parallel-drawer {
    display: flex;
    flex: 1;
    height: 100%;
}
.page-contract-tabs-drawer-wrapper__main {
    flex: 1;
    display: flex;
    overflow: hidden;
    background-color: var(--grey-100);
}
._container_1xkn6_1 {
    animation: _fadeInUp_1xkn6_1 0.3s ease-in-out forwards;
    transform-origin: top left;
}
@keyframes _fadeInUp_1xkn6_1 {
    0% {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
._comboboxContent_z2wqf_1 {
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    border: var(--div-border-primary);
    background-color: var(--white);
    width: var(--radix-popover-trigger-width);
    max-width: var(--radix-popover-trigger-width);
    z-index: var(--z-index-portal);
}
._comboboxListRoot_z2wqf_11 {
    max-height: min(var(--radix-popover-content-available-height), 484px);
    border-radius: 6px;
    overflow: hidden;
}
._comboboxList_z2wqf_11 {
    overflow: auto;
    transition: height 0.1s ease;
}
.expandable-section-alternative__bordered {
    background-color: #fff;
    padding: 16px 24px;
    border-radius: 0;
    border: var(--div-border-primary);
}
.expandable-section-alternative__bordered:first-of-type {
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    border-bottom: var(--div-border-primary);
}
.expandable-section-alternative__bordered:nth-of-type(2) {
    border-top: 0;
    border-bottom: 0;
}
.expandable-section-alternative__bordered:last-of-type {
    border-bottom: var(--div-border-primary);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}
.expandable-section-alternative__bordered_underlined {
    border-bottom: var(--div-border-primary);
}
.expandable-section-alternative__expanded {
    border-bottom: none;
}
.expandable-section-alternative__header {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 12px;
    min-height: 32px;
}
.expandable-section-alternative__header_disabled {
    cursor: initial;
}
.expandable-section-alternative__header__icon {
    margin-right: 12px;
}
.expandable-section-alternative__header__arrow-icon {
    margin-left: 4px;
    margin-top: 4px;
    transition: transform 0.2s ease-in-out;
    color: var(--text-500);
}
.expandable-section-alternative__header__arrow-icon_expanded {
    margin-top: -2px;
    transform: rotate(180deg);
}
.expandable-section-alternative__header__cta {
    margin-left: auto;
}
.expandable-section-alternative__bordered .expandable-section-alternative__header:last-child {
    margin-bottom: 0;
}
.contract-bulk-actions-toolbar-move-to-popover {
    transform: translateY(-14px) !important;
}
.contract-bulk-actions-toolbar-edit-search input {
    flex: 1;
    all: unset;
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
}
.contract-bulk-actions-toolbar-edit-search input::placeholder {
    color: var(--text-300);
}
.contract-preview-tabs {
    padding: 16px 8px;
    display: flex;
    width: var(--contract-preview-tabs-width);
    border-right: var(--div-border-primary);
}
@media screen and (width <= 800px) {
    .contract-preview-tabs {
        width: 100%;
        padding: 8px 16px;
        border-bottom: var(--div-border-primary);
        border-right: none;
        justify-content: space-between;
    }
}
.contract-preview-content {
    flex-grow: 1;
    display: flex;
    overflow-y: hidden;
}
.contract-preview-content__tab-content {
    flex-grow: 1;
    width: var(--contract-preview-tab-content-width);
    overflow-y: auto;
}
.contract-field-status {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin: 0;
}
.contract-field-status__tag {
    position: relative;
}
.contract-field-status__tag__selector {
    opacity: 0;
    border: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.contract-preview-header {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    gap: 8px;
    border-bottom: var(--div-border-primary);
}
.contract-preview-header__title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.contract-preview-container {
    --contract-preview-tabs-width: 48px;
    --default-project-header-height: 53px;
    --contract-preview-tab-content-width: 400px;
    display: flex;
    flex-direction: column;
    position: fixed;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: -2px 0 4px #00000014;
    width: var(--contract-preview-tab-content-width);
}
.contract-preview-container_next-to-screen-border {
    top: 0;
    right: 0;
    height: 100%;
}
.contract-preview-container_next-to-contract-tabs {
    top: var(--default-project-header-height);
    right: calc(var(--contract-preview-tab-content-width) + var(--contract-preview-tabs-width) + 1px);
    height: calc(100% - var(--default-project-header-height));
}
@media screen and (width <= 905px) {
    .contract-preview-container_next-to-contract-tabs {
        right: var(--contract-preview-tab-content-width);
    }
}
@media screen and (width <= 800px) {
    .contract-preview-container {
        width: 100%;
        box-shadow: none;
    }
}
.view-table-header-row-cell {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
.view-table-header-row__header-cell {
    min-width: 100px;
}
.view-table-header-row__header-cell:nth-child(2) {
    padding-left: 0;
}
._searchModal_zkd6e_1 {
    z-index: var(--z-index-portal, 1);
    overflow: hidden;
    background-color: var(--white);
    box-shadow: var(--shadow-m);
    animation: _contentShow_zkd6e_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
._searchModal_zkd6e_1:focus {
    outline: none;
}
@keyframes _contentShow_zkd6e_1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
._searchModal_zkd6e_1 ._modalProjectSelectorContent_zkd6e_19 {
    height: 100%;
    max-width: 600px;
    max-height: 340px;
}
._searchModal_zkd6e_1 ._modalProjectSelectorContent_zkd6e_19 ._modalProjectSelectorInput_zkd6e_24 {
    padding: 14px 16px;
    border: none;
    border-bottom: 1px solid;
    border-color: var(--grey-300);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    box-shadow: none;
}
._searchModal_zkd6e_1 ._modalProjectSelectorContent_zkd6e_19 ._modalProjectSelectorList_zkd6e_33 {
    overflow: auto;
    max-height: 280px;
}
._searchModal_zkd6e_1 ._modalProjectSelectorContent_zkd6e_19 ._modalProjectSelectorItem_zkd6e_37 {
    cursor: pointer;
    position: relative;
}
._searchModal_zkd6e_1 ._modalProjectSelectorContent_zkd6e_19 ._modalProjectSelectorItem_zkd6e_37:hover {
    background-color: var(--grey-200);
}
._linkedProjectItem_1b5lc_1 {
    cursor: pointer;
    position: relative;
}
._linkedProjectItem_1b5lc_1 ._suffix_1b5lc_5 {
    display: none;
}
._linkedProjectItem_1b5lc_1 ._suffix_1b5lc_5._openedMenu_1b5lc_8 {
    display: block;
}
._linkedProjectItem_1b5lc_1:hover {
    background-color: var(--grey-200);
}
._linkedProjectItem_1b5lc_1:hover ._boxedIcon_1b5lc_14 {
    background-color: var(--white);
}
._linkedProjectItem_1b5lc_1:hover ._suffix_1b5lc_5 {
    display: block;
}
.jumbotron-container {
    background: var(--jumbotron-main-color, var(--fuchsia-100));
    border-radius: 6px;
    border: 1px solid var(--jumbotron-border-color, var(--fuchsia-200));
    width: 100%;
}
.jumbotron-container_green {
    --jumbotron-main-color: var(--grey-100);
    --jumbotron-second-color: var(--grey-200);
    --jumbotron-border-color: var(--grey-300);
    --jumbotron-icon-background-color: var(--grey-200);
    --jumbotron-icon-border-color: var(--grey-300);
}
.jumbotron-container_white {
    --jumbotron-main-color: #fff;
    --jumbotron-second-color: var(--text-300);
    --jumbotron-border-color: transparent;
}
.jumbotron-container_dark {
    --jumbotron-main-color: radial-gradient(var(--purple-700), var(--upgrade-color));
    --jumbotron-second-color: rgba(255, 255, 255, 0.08);
    --jumbotron-border-color: transparent;
    --jumbotron-text-color: #fff;
    --jumbotron-title-color: #fff;
    --jumbotron-icon-background-color: rgba(255, 255, 255, 0.04);
    --jumbotron-icon-border-color: rgba(255, 255, 255, 0.08);
}
.jumbotron-description {
    color: var(--jumbotron-text-color, var(--text-400));
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
}
.jumbotron-icon {
    border: 1px solid var(--jumbotron-icon-border-color, var(--fuchsia-300));
    background: var(--jumbotron-icon-background-color, var(--fuchsia-200));
    border-radius: 50%;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.jumbotron-media {
    border-radius: 6px;
    background-color: var(--jumbotron-second-color, var(--fuchsia-200));
    overflow: hidden;
}
.jumbotron-title {
    color: var(--jumbotron-title-color, var(--text-500));
    font-size: 16px;
}
.jumbotron-vertical {
    width: 100%;
    max-width: 800px;
    text-align: center;
    padding: 16px 16px 24px;
}
.jumbotron-vertical__icon {
    margin: auto auto 16px;
    padding: 4px;
}
.jumbotron-vertical__media {
    margin: auto auto 16px;
}
.jumbotron-vertical__media > iframe {
    height: 250px;
    width: 100%;
}
.jumbotron-vertical__button {
    margin: 16px auto auto;
}
.upgrade-plan-jumbotron__media {
    padding-top: 16px;
    padding-bottom: 16px;
}
.upgrade-plan-jumbotron__icon {
    color: #fff;
}
.upgrade-plan-jumbotron__button {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    color: var(--purple-700);
}
.upgrade-plan-jumbotron__button__icon {
    fill: var(--purple-700);
}
.upgrade-plan-jumbotron__button__label {
    margin-left: 8px;
}
.contract-name-cell {
    height: 48px;
    width: 360px;
}
.contract-name-cell__text {
    flex-grow: 1;
}
.contract-name-cell__link {
    display: none;
    color: var(--text-300);
    transition: background-color 0.2s, color 0.2s;
}
.contract-name-cell__link:hover {
    color: var(--primary-color);
}
.contract-name-cell:hover .contract-name-cell__link {
    display: inline-flex;
}
.external-company-name-cell {
    height: 48px;
    width: 300px;
}
.external-company-name-cell__text {
    flex-grow: 1;
}
.external-company-name-cell__link {
    display: none;
    color: var(--text-300);
    transition: background-color 0.2s, color 0.2s;
}
.external-company-name-cell__link:hover {
    color: var(--primary-color);
}
.external-company-name-cell:hover .external-company-name-cell__link {
    display: inline-flex;
}
.view-table-row {
    background-color: var(--white);
}
.view-table-row:hover,
.view-table-row:hover .view-table-row__checkbox-cell {
    background-color: var(--grey-100);
}
.view-table-row__data-cell:nth-child(2) {
    padding-left: 0;
}
.circled-number {
    border-radius: 16px;
    min-width: 16px;
    width: fit-content;
    height: 16px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
}
.circled-number_padding {
    padding-left: 2px;
    padding-right: 2px;
}
.circled-number_grey {
    background-color: var(--text-100);
    color: var(--text-300);
}
.circled-number_primary {
    background-color: var(--primary-color);
    color: #fff;
}
.circled-number_red {
    background-color: var(--red-500);
    color: #fff;
}
.circled-number_focused {
    font-weight: 700;
}
.circled-number__value {
    line-height: 8px;
}
.side-navigation-tab {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 32px;
    padding: 0 20px;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-400);
    cursor: pointer;
    transition: background-color 0.15s ease-in-out;
}
.side-navigation-tab__label {
    padding-left: 8px;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}
.side-navigation-tab__upgrade {
    margin-left: auto;
}
.side-navigation-tab:hover {
    background-color: var(--grey-200);
}
.side-navigation-tab.selected {
    box-shadow: 4px 0 0 0 var(--green-500) inset;
    color: var(--green-500);
    fill: var(--green-500);
}
.file-drop__dropzone {
    cursor: pointer;
    outline: none;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    gap: 8px;
    padding: 24px;
    min-height: 160px;
    background-color: #fff;
    position: relative;
    transition: border-color 0.2s;
}
.file-drop__dropzone_loading {
    cursor: progress;
}
.file-drop__dropzone_active {
    border-color: var(--green-500);
    background-color: var(--green-100);
}
.file-drop__dropzone_outline {
    border: 1px dashed var(--grey-300);
}
.file-drop__dropzone_outline:hover {
    border-color: var(--text-100);
}
.file-drop__dropzone_outline_active {
    border-color: var(--green-500);
    background-color: var(--green-100);
}
.file-drop__dropzone_outline_active:hover {
    background-color: var(--green-100);
}
.file-drop__dropzone_ghost:hover {
    background-color: var(--grey-200);
}
.file-drop__dropzone_ghost_active {
    border-color: var(--green-500);
    background-color: var(--green-100);
}
.file-drop__dropzone_ghost_active:hover {
    background-color: var(--green-100);
}
._negotiationTrackerContainer_17aol_1 {
    border-radius: 6px;
    background-color: var(--background-color, var(--white));
    color: var(--color, var(--text-400));
    border: var(--div-border-primary);
    box-sizing: border-box;
    overflow: hidden;
}
._negotiationTrackerContainer_17aol_1 ._logoContainer_17aol_9 {
    background-color: #fff;
    border-radius: 6px;
    border: var(--div-border-primary);
    box-sizing: border-box;
    box-shadow: var(--box-shadow-medium);
}
.inline-tooltip {
    box-sizing: border-box;
    width: 100%;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    color: var(--text-400);
}
.inline-tooltip_primary {
    background-color: var(--blue-100);
}
.inline-tooltip_danger {
    background-color: var(--red-100);
}
.inline-tooltip_warning {
    background-color: var(--orange-100);
}
.inline-tooltip_success {
    background-color: var(--green-100);
}
.inline-tooltip_grey {
    background-color: var(--grey-100);
}
.inline-tooltip_purple {
    background-color: var(--purple-100);
}
.inline-tooltip__emoji {
    display: flex;
    text-align: center;
    width: 32px;
}
.inline-tooltip > * {
    margin-right: 12px;
    display: inline-block;
    align-self: center;
}
.inline-tooltip__icon {
    display: flex;
    align-self: center;
}
.page-contract-drawer-send-for-review-guest-settings {
    display: flex;
    gap: 16px;
}
.page-contract-drawer-send-for-review-guest-settings > div {
    flex: 1;
}
.page-contract-drawer-send-for-review-guest-settings__group {
    font-family: var(--font-family-primary);
}
.page-contract-drawer-send-for-review-guest-settings__group__title {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-500);
    margin-bottom: 4px;
}
@media screen and (width <= 800px) {
    .page-contract-drawer-send-for-review-guest-settings {
        flex-direction: column;
        gap: 8px;
    }
}
.page-contract-drawer-send-for-review-select-editor-or-contract-file {
    background: #fff;
    border: 1px solid var(--grey-500);
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
.page-contract-drawer-send-for-review-select-editor-or-contract-file_selected {
    background: var(--green-100);
    border: 1px solid var(--green-500);
}
.page-contract-drawer-send-for-review-select-editor-or-contract-file_disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.page-contract-drawer-send-for-review-select-editor-or-contract-file:hover:not(.page-contract-drawer-send-for-review-select-editor-or-contract-file_disabled) {
    border: 1px solid var(--green-500);
    box-shadow: 0 0 3px 4px #27a90733;
}
.page-contract-drawer-send-for-review-select-editor-or-contract-file:focus:not(.page-contract-drawer-send-for-review-select-editor-or-contract-file_disabled) {
    border: 1px solid var(--green-500);
    outline: none;
}
.page-contract-drawer-send-for-review-select-editor-or-contract-file:focus-visible:not(.page-contract-drawer-send-for-review-select-editor-or-contract-file_disabled) {
    border: 1px solid var(--green-500);
    box-shadow: 0 0 3px 4px #27a90733;
}
.switch {
    position: relative;
    display: inline-block;
    width: var(--switch-width, 24px);
    min-width: var(--switch-width, 24px);
    height: var(--switch-height, 16px);
}
.switch_disabled {
    opacity: 0.6;
}
.switch__input {
    opacity: 0;
    width: 0;
    height: 0;
}
.switch__input:checked + .switch__slider {
    background-color: var(--green-500);
}
.switch__slider {
    position: absolute;
    border-radius: 50px;
    cursor: pointer;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ccc;
    transition: 0.4s;
}
.switch__slider:before {
    position: absolute;
    border-radius: 50px;
    content: "";
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    transition: 0.4s;
}
.switch_20 {
    --switch-width: 20px;
    --switch-height: 12px;
    --switch-translation: 8px;
    --switch-slider-width: 8px;
}
.switch_24 {
    --switch-width: 24px;
    --switch-height: 16px;
    --switch-translation: 8px;
    --switch-slider-width: 12px;
}
.switch_36 {
    --switch-width: 36px;
    --switch-height: 20px;
    --switch-translation: 16px;
    --switch-slider-width: 16px;
}
.switch .switch__input:checked + .switch__slider:before {
    transform: translate(var(--switch-translation, 8px));
}
.switch .switch__slider:before {
    width: var(--switch-slider-width, 12px);
    height: var(--switch-slider-width, 12px);
}
.document-link {
    color: var(--primary-color);
    transition: text-decoration 0.2s ease-in-out;
    cursor: pointer;
}
.document-link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.page-contract-workflow-asked-on-other-document-section {
    margin-left: 4px;
    line-height: 20px;
    color: var(--text-500);
}
.form-file-import {
    cursor: pointer;
    outline: none;
    font-weight: 500;
}
.form-file-import__info {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed var(--grey-300);
    background-color: var(--grey-100);
    border-radius: 6px;
    color: var(--text-300);
    height: 120px;
    font-size: 14px;
    transition: background-color 0.2s;
}
.form-file-import__info:hover {
    border: 2px dashed var(--text-100);
    transition: background-color 0.2s;
}
.form-file-import__accept {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 24px;
    border: 1px solid var(--green-400);
    background-color: var(--green-100);
    border-radius: 6px;
    color: var(--green-500);
    font-size: 14px;
}
.form-file-import__accept .icon {
    margin-right: 16px;
}
.menu-item-with-button {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-height: 32px;
    width: 100%;
    max-width: 280px;
    font-size: 14px;
    line-height: 32px;
    padding: 8px 12px !important;
    background-color: var(--menu-item-with-button_background-color, #fff) !important;
    transition: background-color 0.2s;
    cursor: default !important;
}
.menu-item-with-button_has-description {
    height: fit-content !important;
}
.menu-item-with-button__left {
    width: 100%;
    font-family: var(--font-family-primary);
    color: var(--menu-item-with-button_title-color, var(--text-300)) !important;
}
.menu-item-with-button__left_danger {
    color: var(--red-500) !important;
}
.menu-item-with-button__left__title {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    font-weight: 500;
    gap: 8px;
}
.menu-item-with-button__left__title__text {
    display: block;
    white-space: normal;
    line-height: 20px;
}
.menu-item-with-button__left__description {
    display: block;
    white-space: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--menu-item-with-button_description-color, var(--text-300));
}
.menu-item-with-button__left__description_with-icon {
    margin-left: 28px;
}
.menu-item-with-button__left__button {
    display: block;
    margin-top: 8px;
}
.menu-item-with-button__left__button_with-icon {
    margin-left: 28px;
}
.menu-item-with-button__upgrade {
    margin-left: auto;
    padding-left: 4px;
}
.menu-item-with-button_white {
    --menu-item-with-button_background-color: #fff;
    --menu-item-with-button_background-color-selected: var(--grey-200);
    --menu-item-with-button_title-color: var(--text-400);
    --menu-item-with-button_description-color: var(--text-300);
}
.menu-item-with-button_dark {
    --menu-item-with-button_background-color: var(--grey-900);
    --menu-item-with-button_background-color-selected: #32363b;
    --menu-item-with-button_title-color: white;
    --menu-item-with-button_description-color: var(--text-100);
}
.menu-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 !important;
    border-radius: 6px;
    overflow: hidden;
    transition: background-color 0.2s;
}
.menu-dot_icon {
    width: 100%;
    height: 100%;
    background-color: transparent !important;
    border-radius: 0 !important;
}
.menu-dot_disabled {
    opacity: 0.6;
}
.menu-dot_24 {
    width: 24px !important;
    height: 24px !important;
}
.menu-dot_28 {
    width: 28px !important;
    height: 28px !important;
}
.menu-dot_32 {
    width: 32px !important;
    height: 32px !important;
}
.menu-dot_36 {
    width: 36px !important;
    height: 36px !important;
}
.menu-dot_40 {
    width: 40px !important;
    height: 40px !important;
}
.menu-dot_outline {
    background-color: #fff;
    color: var(--text-400);
    fill: var(--text-400);
    border: var(--div-border-primary);
    box-shadow: var(--box-shadow-button);
    transition: background-color 0.2s, border 0.2s;
}
.menu-dot_outline .MuiSvgIcon-root {
    fill: var(--text-400);
}
.menu-dot_outline:hover {
    color: var(--text-400);
    border-color: var(--grey-300);
    background-color: var(--grey-100);
    transition: background-color 0.2s, border 0.2s;
}
.menu-dot_borderless {
    background-color: transparent;
    border: none;
    color: var(--text-400);
    transition: background-color 0.2s, border 0.2s;
}
.menu-dot_borderless .MuiSvgIcon-root {
    fill: var(--text-400);
}
.menu-dot_borderless:hover {
    background-color: var(--grey-200);
    transition: background-color 0.2s;
}
.block-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    padding: 4px 24px;
    transition: background-color 0.4s;
    cursor: pointer;
}
.block-2:hover {
    background-color: var(--grey-200);
    transition: background-color 0.4s;
}
.block-2__container {
    display: flex;
    width: 100%;
    overflow: hidden;
}
.block-2__container__description {
    margin-left: 8px;
    font-weight: 400;
    font-size: 14px;
    width: calc(100% - 32px);
}
.block-2__container__description__name {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.block-2__container__description__name__tags {
    display: flex;
}
.block-2__container__description__name__tags__tag {
    margin-left: 4px;
}
.block-2__container__description__name__text {
    overflow: hidden;
    flex: 2;
    line-height: 24px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
}
.block-2__container__description__author {
    line-height: 20px;
    color: var(--text-300);
}
.block-2__container__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    background-color: var(--text-300);
    border-radius: 6px;
}
.block-2__container__icon svg {
    fill: #fff;
}
.block-2__dot {
    visibility: hidden;
    transition: background-color 0.1s;
}
.block-2:hover .block-2__dot {
    visibility: visible;
    transition: background-color 0.4s;
}
.popover .MuiPaper-root {
    border-radius: 6px;
    background-color: #fff;
    box-shadow: var(--box-shadow);
}
.contract-link-autocomplete {
    width: 100%;
    margin-top: 16px;
}
.contract-link-autocomplete__picker {
    width: 100%;
}
.contract-link-autocomplete__picker__field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 32px;
    transition: background-color 0.2s;
}
.contract-link-autocomplete__picker__field__input {
    border: none;
    height: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.contract-link-autocomplete__picker__field__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.contract-link-autocomplete__picker__field:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.contract-link-autocomplete__picker__suggestions {
    padding: 8px 0;
}
.contract-link-autocomplete__picker__suggestions__item {
    border: none;
    outline: none;
    height: 36px;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-primary);
    line-height: 36px;
    padding: 0 16px;
}
.contract-link-autocomplete__picker__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.contract-link-autocomplete__picker__suggestions__item_active {
    background-color: var(--grey-100);
}
.contract-link-autocomplete__picker__suggestions__item__label {
    max-width: 100%;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contract-link-field__item {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--div-border-primary);
}
.contract-link-field__item__name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-500);
}
.contract-link-field__item__remove {
    display: none;
    color: var(--text-100);
    cursor: pointer;
    transition: background-color 0.2s;
}
.contract-link-field__item:hover .contract-link-field__item__remove {
    display: block;
    transition: background-color 0.2s;
}
.contract-link-field__item__remove:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.contract-tab-summary-contract-links-create-link-modal {
    display: flex;
    flex-direction: column;
}
.contract-tab-summary-contract-links-create-link-modal__description {
    color: var(--text-300);
}
.contract-tab-summary-contract-links-create-link-modal__label {
    margin-top: 8px;
    color: var(--text-500);
    font-weight: 500;
}
.contract-tab-summary-contract-links-create-link-modal__type {
    display: flex;
    align-items: center;
    margin-top: 8px;
}
.contract-tab-summary-contract-links-create-link-modal__type__select {
    max-width: 240px;
}
.contract-tab-summary-contract-links-create-link-modal__type__contract-name {
    margin-left: 8px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.contract-tab-summary-contract-links__header {
    padding: 0 24px;
    cursor: pointer;
}
.contract-tab-summary-contract-links__header__title {
    align-items: center;
    display: flex;
    cursor: pointer;
}
.contract-tab-summary-contract-links__header__title__suffix {
    margin-left: 4px;
    font-weight: 500;
    font-size: 16px;
}
.contract-tab-summary-contract-links__header__title__icon {
    margin-left: 4px;
    margin-top: 4px;
}
.contract-tab-summary-contract-links__upgrade {
    padding: 0 24px;
}
.contract-tab-summary-contract-links__create-link-button {
    padding: 8px 24px 0;
}
.contract-summary-field {
    display: flex;
    margin: 0 -24px;
    padding: 0 24px;
}
.contract-summary-field:hover:not(.contract-summary-field_disabled, .contract-summary-field_focused) {
    background-color: var(--grey-200);
    cursor: pointer;
}
.contract-summary-field:hover:not(.contract-summary-field_disabled, .contract-summary-field_focused) .contract-summary-field__icon {
    visibility: visible;
}
.contract-summary-field_focused:hover {
    background-color: unset;
    cursor: unset;
}
.contract-summary-field_focused:hover .contract-summary-field__icon {
    visibility: hidden;
}
.contract-summary-field__container {
    flex-grow: 1;
    max-width: 100%;
}
.contract-summary-field__container__title {
    margin-top: 4px;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-300);
}
.contract-summary-field__container__content {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 28px;
    color: var(--text-400);
}
.contract-summary-field__icon {
    visibility: hidden;
    align-items: center;
    margin-left: auto;
    color: var(--text-300);
}
.external-company-field-input {
    display: flex;
    align-items: center;
    margin: 0;
}
.external-company-field-input__bulk-button__text {
    color: var(--green-500);
}
.external-company-field-input_withLabel {
    flex-direction: column;
    align-items: normal;
}
.external-company-field-input__not-focus {
    display: flex;
    align-items: center;
}
.external-company-field-input__logo {
    margin-right: 8px;
}
.external-company-field-input__icon {
    width: auto;
    margin-left: 8px;
    align-self: center;
    color: var(--text-300);
    z-index: 1;
}
.external-company-field-input__icon:hover {
    color: var(--primary-color);
}
.external-company-field-input__value_disabled:hover {
    background-color: transparent !important;
    cursor: default;
}
.external-company-field-input__value:hover {
    background-color: var(--grey-200);
    border-radius: 6px;
}
.external-company-field-input__edit {
    width: 100%;
    display: flex;
    gap: 4px;
}
.external-company-reassign-confirmation-modal__externalCompanies,
.external-company-reassign-confirmation-modal__externalCompanies__externalCompany {
    display: flex;
    flex-direction: row;
}
.external-company-reassign-confirmation-modal__externalCompanies__externalCompany__logo {
    margin-right: 8px;
}
.external-company-reassign-confirmation-modal__externalCompanies__externalCompany__name {
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
}
.external-company-reassign-confirmation-modal__externalCompanies__arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 8px 8px 0;
}
.external-company-reassign-confirmation-modal__description {
    margin-top: 12px;
    margin-bottom: -12px;
    padding-bottom: 16px;
    font-size: 14px;
    line-height: 24px;
}
.external-company-suggestions-item {
    min-height: 20px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 8px 12px;
}
.external-company-suggestions-item_active {
    background-color: var(--grey-100);
    cursor: pointer;
}
.external-company-suggestions-item__logo {
    display: flex;
    flex-shrink: 0;
    margin-right: 12px;
    overflow: hidden;
    border-radius: 6px;
}
.external-company-suggestions {
    position: absolute;
    margin-top: 4px;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    list-style: none;
    max-height: 320px;
    box-shadow: var(--box-shadow);
    z-index: 10;
    overflow: hidden;
}
.external-company-suggestions__new-company {
    position: relative;
    bottom: 0;
    color: var(--green-500);
    border-top: var(--div-border-primary);
    width: 100%;
    min-height: 32px;
    background-color: #fff;
    padding: 8px 0;
    margin-top: 8px;
}
.external-company-suggestions__new-company_borderless {
    border-top: none;
    margin-top: 0;
}
.external-company-suggestions__new-company__item {
    max-height: 32px;
    padding: 8px 12px;
    display: flex;
    align-items: center;
}
.external-company-suggestions__new-company__item_active {
    background-color: var(--grey-100);
    cursor: pointer;
}
.external-company-suggestions__new-company__item__icon {
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}
.external-company-suggestions__new-company__item__text {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.external-company-suggestions__items {
    overflow-y: auto;
    max-height: 264px;
    padding-top: 8px;
}
.external-company-field {
    position: relative;
    width: 100%;
}
.contract-field-text-area {
    padding: 1px 10px;
}
.contract-field-value {
    color: var(--text-400);
    text-overflow: ellipsis;
    white-space: pre-wrap;
    overflow-x: hidden;
}
.contract-field-value_full {
    overflow-x: initial;
    white-space: initial;
}
.summary-field-field__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin: 0;
}
.summary-field-field__content__error {
    text-align: right;
}
.summary-field-multi-select-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin: 0;
    flex-wrap: wrap;
}
.summary-field-multi-select-field__multi-select {
    flex-grow: 1;
    position: relative;
    width: 1px;
}
.summary-field-multi-select-field__tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-shrink: 1;
    justify-content: flex-start;
    margin-bottom: 4px;
    gap: 4px;
}
.summary-field-select-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin: 0;
    overflow-x: hidden;
    flex-wrap: wrap;
    width: 100%;
}
.summary-field-select-field > select {
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.reminder-drawer-custom-inline-tooltip-pending__label {
    font-weight: 500;
}
.reminder-drawer-custom-inline-tooltip-pending__label__data {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.form-radio {
    height: 32px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--text-400);
    font-weight: 500;
    box-sizing: border-box;
    gap: 8px;
}
.form-radio_disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.form-radio__input {
    margin: -2px 0 0;
    cursor: pointer;
}
.form-radio__label {
    cursor: pointer;
    line-height: 32px;
}
.form-radio__label_disabled {
    cursor: not-allowed;
}
.group-autocomplete,
.group-autocomplete__picker {
    width: 100%;
}
.group-autocomplete__picker__field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 32px;
    transition: background-color 0.2s;
}
.group-autocomplete__picker__field__input {
    border: none;
    height: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.group-autocomplete__picker__field__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.group-autocomplete__picker__field:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.group-autocomplete__picker__suggestions {
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: calc(100% - 48px);
    padding: 8px 0;
    list-style: none;
    margin-top: 4px;
    box-shadow: var(--box-shadow);
    z-index: 100;
    max-height: 300px;
    overflow-y: auto;
}
.group-autocomplete__picker__suggestions__title {
    color: var(--text-300);
    font-weight: 700;
    font-family: var(--font-family-primary);
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    padding-left: 18px;
}
.group-autocomplete__picker__suggestions__item {
    border: none;
    outline: none;
    height: 36px;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    font-family: var(--font-family-primary);
    line-height: 36px;
    padding: 0 16px;
}
.group-autocomplete__picker__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.group-autocomplete__picker__suggestions__item_active {
    background-color: var(--grey-100);
}
.group-autocomplete__picker__suggestions__item__CTA__content {
    display: flex;
    align-items: center;
    color: var(--primary-color);
}
.group-autocomplete__picker__suggestions__item__CTA__content__icon {
    margin-right: 12px;
    flex-shrink: 0;
}
.group-autocomplete__picker__suggestions__divider {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.group-autocomplete__empty-state {
    width: 100%;
    padding: 16px;
    border-radius: 6px;
    background-color: var(--purple-500);
    color: #fff;
}
.group-autocomplete__empty-state__illustration {
    background-color: #ffffff14;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}
.group-autocomplete__empty-state__illustration img {
    height: 48px;
}
.group-autocomplete__empty-state__description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 16px;
}
.group-autocomplete__empty-state__button {
    margin-top: 16px;
}
.group-field__item {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--div-border-primary);
}
.group-field__item__name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-500);
}
.group-field__item__remove {
    display: none;
    color: var(--text-100);
    cursor: pointer;
    transition: background-color 0.2s;
}
.group-field__item__remove:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.group-field__item:hover .group-field__item__remove {
    display: block;
    transition: background-color 0.2s;
}
.settings-user-form {
    gap: 16px;
    display: flex;
    flex-direction: column;
}
.settings-user-form__role-button {
    width: 240px;
}
.settings-user-form__role-button__button {
    font-weight: 500;
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.settings-user-form__role-button__options__item {
    min-height: 32px;
    height: unset !important;
}
.settings-user-form__role-button__options__item__icon {
    color: var(--text-300);
}
.member-autocomplete {
    position: relative;
    width: 100%;
}
.member-autocomplete__field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 32px;
    transition: background-color 0.2s;
}
.member-autocomplete__field__input {
    border: none;
    height: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.member-autocomplete__field__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.member-autocomplete__field:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.member-autocomplete__suggestions {
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    padding: 8px 0;
    list-style: none;
    overflow-y: auto;
    margin-top: 4px;
    box-shadow: var(--box-shadow);
    z-index: 100;
}
.member-autocomplete__suggestions__item {
    height: 36px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 16px;
}
.member-autocomplete__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.member-autocomplete__suggestions__item_active {
    background-color: var(--grey-100);
}
.member-autocomplete__suggestions__item__CTA__content {
    display: flex;
    align-items: center;
    color: var(--primary-color);
}
.member-autocomplete__suggestions__item__CTA__content__icon {
    margin-right: 12px;
    flex-shrink: 0;
}
.member-autocomplete__suggestions__divider {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}
.group-form {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.group-form__icon__emoji-input {
    height: 48px;
    width: 48px;
    border-radius: 50px;
    border: var(--div-border-primary);
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.2s;
}
.group-form__icon__emoji-input:hover {
    background-color: var(--grey-100);
    transition: background-color 0.2s;
}
.group-form__icon__emoji-input__select {
    position: absolute;
    z-index: 20;
}
.group-form__members {
    margin-top: 8px;
}
.group-form__members__item {
    height: 48px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--div-border-primary);
}
.group-form__members__item__name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-500);
}
.group-form__members__item__remove {
    display: none;
    color: var(--text-100);
    cursor: pointer;
    transition: background-color 0.2s;
}
.group-form__members__item__remove:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.group-form__members__item:hover .group-form__members__item__remove {
    display: block;
    transition: background-color 0.2s;
}
.group-form__buttons {
    height: 68px;
    width: 400px;
    padding: 16px 24px;
    background-color: #fff;
    position: fixed;
    display: flex;
    bottom: 0;
    margin-left: -24px;
    border-top: var(--div-border-primary);
}
.group-form__buttons__ctas:first-child {
    margin-right: 16px;
}
.group-member-autocomplete,
.group-member-autocomplete__picker {
    width: 100%;
}
.group-member-autocomplete__picker__field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 32px;
    transition: background-color 0.2s;
}
.group-member-autocomplete__picker__field__input {
    border: none;
    height: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.group-member-autocomplete__picker__field__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.group-member-autocomplete__picker__field:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.group-member-autocomplete__picker__suggestions {
    overflow: hidden;
}
.group-member-autocomplete__picker__suggestions__items {
    overflow-y: auto;
    max-height: 200px;
}
.group-member-autocomplete__picker__suggestions__items__title {
    color: var(--text-300);
    font-weight: 700;
    font-family: var(--font-family-primary);
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    padding-left: 18px;
}
.group-member-autocomplete__picker__suggestions__items__item {
    border: none;
    outline: none;
    height: 36px;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 16px;
}
.group-member-autocomplete__picker__suggestions__items__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.group-member-autocomplete__picker__suggestions__items__item_active {
    background-color: var(--grey-100);
}
.group-member-autocomplete__picker__suggestions__items__item__CTA__content {
    display: flex;
    align-items: center;
    color: var(--primary-color);
}
.group-member-autocomplete__picker__suggestions__items__item__CTA__content__icon {
    margin-right: 12px;
    flex-shrink: 0;
}
.group-member-autocomplete__picker__suggestions__button-group {
    max-height: 100px;
    margin-bottom: 8px;
}
.group-member-autocomplete__picker__suggestions__button-group__divider {
    margin-bottom: 8px !important;
}
.group-member-autocomplete__empty-state {
    width: 100%;
    padding: 16px;
    border-radius: 6px;
    background-color: var(--purple-500);
    color: #fff;
}
.group-member-autocomplete__empty-state__illustration {
    background-color: #ffffff14;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 64px;
    border-radius: 6px;
    overflow: hidden;
    flex-shrink: 0;
}
.group-member-autocomplete__empty-state__illustration img {
    height: 48px;
}
.group-member-autocomplete__empty-state__description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    margin-top: 16px;
}
.group-member-autocomplete__empty-state__button {
    margin-top: 16px;
}
.groups-list__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--div-border-primary);
    height: 48px;
}
.groups-list__item__group {
    display: flex;
    align-items: center;
}
.groups-list__item__group__emoji {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    font-size: 14px;
    margin-right: 8px;
}
.groups-list__item__group__name {
    font-size: 14px;
    color: var(--text-400);
    font-weight: 500;
}
.groups-list__item__remove {
    display: none;
    color: var(--text-100);
    cursor: pointer;
    transition: background-color 0.2s;
}
.groups-list__item__remove:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.groups-list__item:hover .groups-list__item__remove {
    display: block;
    transition: background-color 0.2s;
}
.reminder-members-list__item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: var(--div-border-primary);
    height: 48px;
}
.reminder-members-list__item__user {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
.reminder-members-list__item__user__warning {
    color: var(--orange-500);
    font-weight: 500;
}
.reminder-members-list__item__remove {
    display: none;
    color: var(--text-100);
    cursor: pointer;
    transition: background-color 0.2s;
}
.reminder-members-list__item__remove:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.reminder-members-list__item:hover .reminder-members-list__item__remove {
    display: block;
    transition: background-color 0.2s;
}
.reminder-drawer-form-date-field {
    display: flex;
    width: 60%;
}
.reminder-drawer-form-date-field__date {
    width: 100%;
    padding: 0 16px;
}
.reminder-drawer-form-date-field__date__picker {
    width: 100%;
}
.reminder-drawer-form-attribute-field {
    display: flex;
}
.reminder-drawer-form-attribute-field__option__label {
    display: flex;
    justify-content: space-between;
}
.reminder-drawer-form-attribute-field__option_selected * {
    color: var(--green-500);
}
.reminder-drawer-form-duration-field {
    display: flex;
    max-width: 85%;
    overflow: hidden;
}
.reminder-drawer-form-duration-field__input {
    width: 80px;
    border-radius: 6px 0 0 6px;
    border-right: 0;
}
.reminder-drawer-form-duration-field__input:focus-within {
    box-shadow: none;
}
.reminder-drawer-form-duration-field__select {
    max-width: 100px;
}
.reminder-drawer-form-duration-field__select:not(:last-of-type) {
    border-radius: 0;
    border-right: 0;
}
.reminder-drawer-form-duration-field__select:not(:last-of-type):hover {
    border-right: 0;
}
.reminder-drawer-form-duration-field__select:last-of-type {
    border-radius: 0 6px 6px 0;
}
.reminder-drawer-form-duration-field__select_attribute {
    max-width: 230px;
}
.reminder-drawer-form-receivers-select__button {
    display: flex;
    align-items: center;
    gap: 8px;
}
.reminder-drawer-form-receivers-select__option__label {
    display: flex;
    justify-content: space-between;
}
.reminder-drawer-form-receivers-select__option_selected * {
    color: var(--green-500);
}
.reminder-drawer-form > * {
    margin-bottom: 16px;
}
.reminder-drawer-form__group {
    display: flex;
    align-items: center;
}
.reminder-drawer-form__group__radio {
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0;
    margin-right: 12px;
}
.reminder-drawer-form__group__date__error {
    color: var(--orange-500);
    display: flex;
    gap: 8px;
    align-items: center;
    margin-left: 12px;
    font-size: 14px;
    line-height: 20px;
}
.reminder-drawer-form__group-receivers {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.reminder-drawer-form__group-receivers__select {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    margin-bottom: 16px;
}
.reminder-drawer-form__group-receivers__members-and-groups-list {
    width: 100%;
    margin-top: 8px;
}
.reminder-drawer-form__group-receivers__participants-required {
    margin-bottom: 8px;
    color: var(--red-500);
}
.reminder-drawer__form {
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contract-date-field__container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    margin: 0;
}
.contract-date-field__container__content {
    width: 100%;
    display: flex;
    align-items: center;
}
.contract-date-field__container__content__datepicker {
    width: 100%;
    flex-grow: 1;
}
.contract-date-field__container__content__value {
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.contract-date-field__container__content__error {
    margin-top: 4px;
    text-align: center;
    height: 28px;
    margin-left: 8px;
}
.contract-date-field__container__content__reminder,
.contract-date-field__container__content__clear-icon {
    margin-left: 8px;
    margin-right: auto;
}
.contract-date-field_disabled .contract-date-field__container__value:hover {
    background-color: transparent !important;
    cursor: default;
}
.prior-notice-duration-field {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    height: 32px;
    margin: 0;
}
.prior-notice-duration-field__container {
    display: flex;
    align-items: center;
}
.prior-notice-duration-field__container > * {
    margin-right: 4px;
}
.prior-notice-duration-field__container > *:last-child {
    margin-right: none;
}
.prior-notice-duration-field__duration {
    color: var(--text-400);
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prior-notice-duration-field__duration:hover {
    background-color: var(--grey-200);
    border-radius: 6px;
    transition: background-color 0.2s;
}
.prior-notice-duration-field__value,
.prior-notice-duration-field__value:hover {
    margin-right: 4px;
}
.prior-notice-duration-field__input {
    max-width: 48px;
}
.prior-notice-duration-field__duration:hover {
    margin-right: -8px;
}
.prior-notice-field {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    margin: 0;
}
.prior-notice-field__select {
    flex-grow: 1;
}
.prior-notice-field__value {
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.prior-notice-field__duration {
    width: fit-content;
    display: flex;
    padding: 8px;
    border: var(--div-border-primary);
    border-radius: 6px;
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: var(--box-shadow);
}
.prior-notice-field__duration__select {
    margin-right: 8px;
    margin-left: 8px;
}
.prior-notice-field__duration__input {
    max-width: 48px;
}
.renewal-duration-field {
    display: flex;
    align-items: center;
    font-size: 14px;
    margin: 0;
}
.renewal-duration-field__container {
    display: flex;
    align-items: center;
}
.renewal-duration-field__container > * {
    margin-right: 4px;
}
.renewal-duration-field__container > *:last-child {
    margin-right: none;
}
.renewal-duration-field__container__value {
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.renewal-duration-field__container__input {
    max-width: 48px;
}
.contract-field-folder__icon {
    display: flex;
    color: var(--text-300);
}
.contract-field-folder__icon:hover {
    color: var(--primary-color);
}
.contract-field-integrations__integration {
    display: flex;
    align-items: center;
    margin-right: -40px;
}
.contract-field-integrations__integration:hover .contract-field-integrations__integration__update {
    visibility: visible;
}
.contract-field-integrations__integration__value:first-letter {
    text-transform: uppercase;
}
.contract-field-integrations__integration__icon {
    width: auto;
    margin-left: 8px;
    align-self: center;
    color: var(--text-300);
    z-index: 1;
}
.contract-field-integrations__integration__icon:hover {
    color: var(--primary-color);
}
.contract-field-integrations__integration__update {
    position: absolute;
    right: 24px;
    visibility: hidden;
}
.contract-field-referent {
    position: relative;
}
.contract-field-referent__field {
    align-items: center;
    font-size: 14px;
    margin: 0;
}
.contract-field-referent__field__value_disabled:hover {
    background-color: #fff !important;
    cursor: default;
}
.contract-field-referent__field__value:hover {
    background-color: var(--grey-200);
    border-radius: 6px;
}
.contract-field-referent__field__edit {
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    transition: background-color 0.2s;
}
.contract-field-referent__field__edit__input {
    border: none;
    height: 26px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.contract-field-referent__field__edit__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.contract-field-referent__field__edit__submit {
    position: absolute;
    height: 20px;
    width: 20px;
    padding: 2px;
    right: 4px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}
.contract-field-referent__suggestions {
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    list-style: none;
    overflow-y: auto;
    max-height: 320px;
    padding: 8px 0;
    box-shadow: var(--box-shadow);
    margin-top: 4px;
    z-index: 10;
}
.contract-field-referent__suggestions__item {
    height: 36px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 36px;
    padding: 0 12px;
}
.contract-field-referent__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.contract-field-referent__suggestions__item_active {
    background-color: var(--grey-100);
}
.contract-field-supervisor {
    position: relative;
}
.contract-field-supervisor__field {
    align-items: center;
    font-size: 14px;
    margin: 0;
}
.contract-field-supervisor__field__value_disabled:hover {
    background-color: #fff !important;
    cursor: default;
}
.contract-field-supervisor__field__value:hover {
    background-color: var(--grey-200);
    border-radius: 6px;
}
.contract-field-supervisor__field__edit {
    display: flex;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 28px;
    transition: background-color 0.2s;
}
.contract-field-supervisor__field__edit__input {
    border: none;
    height: 26px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.contract-field-supervisor__field__edit__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.contract-field-supervisor__field__edit__submit {
    position: absolute;
    height: 20px;
    width: 20px;
    padding: 2px;
    right: 4px;
    background-color: var(--primary-color);
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
}
.contract-field-supervisor__field__edit:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.contract-field-supervisor__suggestions {
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    list-style: none;
    overflow-y: auto;
    max-height: 320px;
    padding: 8px 0;
    box-shadow: var(--box-shadow);
    margin-top: 4px;
    z-index: 10;
}
.contract-field-supervisor__suggestions__item {
    height: 36px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    line-height: 36px;
    padding: 0 12px;
}
.contract-field-supervisor__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.contract-field-supervisor__suggestions__item_active {
    background-color: var(--grey-100);
}
.contract-field-supervisor__suggestions__item__ctas {
    color: var(--primary-color);
}
.type-summary {
    padding: 12px 0;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.type-summary__header {
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    justify-content: space-between;
}
.type-summary__header__content__title {
    display: flex;
    align-items: center;
}
.type-summary__header__content__description {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--text-300);
}
.type-summary__content {
    padding-top: 12px;
    flex-grow: 2;
}
.type-summary-attribute-menu__button {
    all: unset;
    height: 20px;
}
.type-summary-attribute-menu__trigger__prefix {
    fill: var(--text-400);
}
.type-summary-attribute-menu__trigger__suffix {
    color: var(--text-300);
}
.type-summary-attribute-menu__info > span:after {
    content: "/";
}
.type-summary-attribute-menu__info > span:last-of-type:after {
    display: none;
}
.type-summary-attribute-menu__info > span:first-of-type:before {
    content: " ";
}
.type-summary-attribute-menu__item {
    min-width: 200px;
}
.type-summary-attribute-menu__item svg {
    fill: var(--text-500);
}
.type-summary-attribute-menu__item_selected svg {
    color: var(--green-500);
    fill: var(--green-500);
}
.type-summary-attribute-menu__item_selected .type-summary-attribute-menu__item__label {
    color: var(--green-500);
}
.type-summary-attribute-menu__footer {
    border-radius: 3px;
    background: var(--grey-100);
    color: var(--text-300);
}
.type-summary-attribute-menu__footer__content {
    margin-top: -8px;
    margin-bottom: -8px;
}
.type-summary-attribute-menu svg {
    fill: var(--text-300);
}
.type-summary-attribute {
    color: var(--text-400);
    font-size: 14px;
    font-weight: 400;
    padding-right: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
    display: flex;
    min-height: 32px;
}
.type-summary-attribute__handle {
    visibility: hidden;
    width: 24px;
}
.type-summary-attribute__handle-draggable:hover {
    cursor: grab;
}
.type-summary-attribute__handle-dragging {
    cursor: grabbing;
}
.type-summary-attribute__info {
    flex-grow: 2;
    display: flex;
    gap: 8px;
}
.type-summary-attribute__info__icon {
    height: 20px;
    width: 20px;
}
.type-summary-attribute__info__label {
    display: flex;
    flex-direction: column;
}
.type-summary-attribute__info__label__text {
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--text-400);
    font-weight: 500;
    line-height: 20px;
    max-width: 240px;
    overflow: hidden;
}
.type-summary-attribute__info__label__text__mandatory:after {
    content: "*";
    display: inline-block;
    margin-left: 2px;
}
.type-summary-attribute__actions {
    display: flex;
    visibility: hidden;
    gap: 2px;
}
.type-summary-attribute:hover,
.type-summary-attribute__active {
    background-color: var(--grey-200);
}
.type-summary-attribute:hover .type-summary-attribute__handle,
.type-summary-attribute:hover .type-summary-attribute__actions,
.type-summary-attribute__active .type-summary-attribute__handle,
.type-summary-attribute__active .type-summary-attribute__actions {
    visibility: visible;
}
.type-summary-attribute svg {
    fill: var(--text-300);
}
.type-summary-group {
    padding-top: 12px;
}
.type-summary-group:first-of-type {
    padding-top: unset;
}
.type-summary-group__header {
    margin-bottom: unset;
    padding: 8px 24px;
    height: 32px;
}
.type-summary-group__content {
    margin-top: 4px;
}
.type-summary-group__content__hidden {
    margin-top: unset;
}
.type-summary-group__hidden-section {
    padding-top: 4px;
}
.type-summary-group__hidden-section__header {
    margin-bottom: 0;
    padding: 7px 24px;
}
.type-summary-group__hidden-section__header * {
    color: var(--text-300);
    fill: var(--text-300);
}
.contract-tab-summary-settings {
    padding: 0 24px;
    color: var(--text-300);
}
.contract-tab-summary {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.contract-tab-table-of-content-list-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
    padding: 0 12px;
    gap: 8px;
}
.contract-tab-table-of-content-list-element__text {
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    font-size: var(--font-size, 12px);
    font-weight: var(--font-weight, 400);
}
.contract-tab-table-of-content-list-element__text__marker {
    margin-right: 12px;
    text-transform: capitalize;
}
.contract-tab-table-of-content-list-element__text_heading-1 {
    --font-size: 16px;
    --font-weight: 500;
}
.contract-tab-table-of-content-list-element__text_heading-2 {
    --font-size: 14px;
    --font-weight: 400;
}
.contract-tab-table-of-content-list-element__text_heading-3 {
    --font-size: 12px;
    --font-weight: 400;
}
.contract-tab-table-of-content-list-element:hover {
    background-color: var(--grey-100);
}
.contract-tab-table-of-content-list-element__icon {
    display: none;
    color: var(--text-300);
}
.contract-tab-table-of-content-list-element:hover .contract-tab-table-of-content-list-element__icon {
    display: block;
}
.contract-tab-table-of-content-title-element {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.2s;
    padding: 0 12px;
    gap: 8px;
}
.contract-tab-table-of-content-title-element__text {
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    font-size: var(--font-size, 12px);
    font-weight: var(--font-weight, 400);
}
.contract-tab-table-of-content-title-element__text_heading-1 {
    --font-size: 16px;
    --font-weight: 500;
}
.contract-tab-table-of-content-title-element__text_heading-2 {
    --font-size: 14px;
    --font-weight: 400;
}
.contract-tab-table-of-content-title-element__text_heading-3 {
    --font-size: 12px;
    --font-weight: 400;
}
.contract-tab-table-of-content-title-element__icon {
    display: none;
    color: var(--text-300);
    transition: background-color 0.2s;
}
.contract-tab-table-of-content-title-element:hover {
    background-color: var(--grey-100);
}
.contract-tab-table-of-content-title-element:hover .contract-tab-table-of-content-title-element__icon {
    display: block;
}
.contract-tab-table-of-content {
    padding: 16px 24px;
}
.contract-tab-table-of-content__header {
    margin-bottom: 8px;
}
.contract-tab-table-of-content__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.task-assignee {
    position: relative;
}
.task-assignee__picture {
    transition: background-color 0.2s;
    cursor: pointer;
}
.task-assignee__picture:hover {
    opacity: 0.8;
    transition: background-color 0.2s;
}
.task-assignee__icon {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    color: var(--text-300);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    cursor: pointer;
}
.task-assignee__icon:hover {
    color: var(--primary-color);
    transition: background-color 0.2s;
}
.task-assignee__suggestions {
    position: absolute;
    max-height: 320px;
    min-width: 240px;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    list-style: none;
    overflow-y: auto;
    box-shadow: var(--box-shadow);
    z-index: 10;
    padding: 8px 0;
    margin-top: 8px;
    right: 0;
}
.task-assignee__suggestions__item {
    height: 36px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    color: var(--text-500);
    line-height: 36px;
    padding: 0 12px;
    transition: background-color 0.2s;
}
.task-assignee__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
    transition: background-color 0.2s;
}
.task-assignee_disabled .task-assignee__icon,
.task-assignee_disabled .task-assignee__picture {
    cursor: default;
}
.task-date__deadline {
    width: 24px;
    height: 24px;
    border-radius: 50px;
    color: var(--text-300);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s;
    cursor: pointer;
}
.task-date__deadline:hover {
    color: var(--primary-color);
    transition: background-color 0.2s;
}
.contract-tab-tasks-form {
    position: relative;
    width: 100%;
    min-height: 48px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 24px;
    background-color: #fff;
    border-top: var(--div-border-primary);
    border-bottom: var(--div-border-primary);
    justify-content: space-between;
}
.contract-tab-tasks-form__left {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.contract-tab-tasks-form__left__tip {
    position: absolute;
    bottom: 0;
    left: 36px;
    font-size: 10px;
    line-height: 18px;
    color: var(--text-300);
}
.contract-tab-tasks-form__left__checkbox {
    margin-top: 12px;
    color: var(--text-100);
}
.contract-tab-tasks-form__left__input {
    width: 100%;
    min-height: 48px !important;
    line-height: 24px;
    margin-left: 12px;
    font-size: 15px !important;
    padding: 12px 0;
    color: var(--text-500);
    outline: none;
    border: 0;
    font-family: var(--font-family-primary);
    font-weight: 400;
    border-radius: 0;
}
.contract-tab-tasks-form__left__input::placeholder {
    color: var(--text-300);
}
.contract-tab-tasks-form__left__input:focus {
    border: 0;
    box-shadow: none;
}
.contract-tab-tasks-form__right {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    margin-left: 8px;
}
.contract-tab-tasks-form__right__date {
    display: flex;
    align-items: center;
    overflow: hidden;
}
.contract-tab-tasks-form__right__date__clear-deadline {
    display: flex;
    opacity: 0;
    height: 24px;
    width: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0 6px 6px 0;
    transition: background-color 0.2s;
    cursor: pointer;
}
.contract-tab-tasks-form__right__date__clear-deadline_red {
    background-color: var(--red-400);
}
.contract-tab-tasks-form__right__date__clear-deadline_blue {
    background-color: var(--blue-400);
}
.contract-tab-tasks-form__right__date:hover .tag__content {
    opacity: 0.8;
    transition: background-color 0.2s;
    border-radius: 6px 0 0 6px;
}
.contract-tab-tasks-form__right__date:hover .contract-tab-tasks-form__right__date__clear-deadline {
    opacity: 1;
    width: 24px;
    transition: background-color 0.2s;
}
.contract-tab-tasks-form__right__assignee {
    margin-left: 12px;
    cursor: pointer;
}
.contract-tab-tasks-form__right__submit {
    margin-left: 12px;
}
.contract-tab-tasks-task {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 12px 24px;
    min-height: 48px;
    border-top: var(--div-border-primary);
}
.contract-tab-tasks-task__content {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: flex-start;
}
.contract-tab-tasks-task__content__tip {
    position: absolute;
    bottom: -12px;
    left: 36px;
    font-size: 10px;
    line-height: 18px;
    color: var(--text-300);
}
.contract-tab-tasks-task__content__reaction {
    font-size: 16px;
    line-height: 24px;
    width: 24px;
    text-align: center;
}
.contract-tab-tasks-task__content__checkbox {
    cursor: pointer;
    transition: background-color 0.2s;
    color: var(--green-500);
}
.contract-tab-tasks-task__content__checkbox_pending {
    color: var(--text-300);
}
.contract-tab-tasks-task__content__checkbox_pending_disabled:hover {
    color: var(--text-300) !important;
}
.contract-tab-tasks-task__content__checkbox_done {
    color: var(--green-500);
}
.contract-tab-tasks-task__content__checkbox_done_disabled:hover {
    color: var(--green-500) !important;
}
.contract-tab-tasks-task__content__label {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-400);
    line-height: 24px;
    margin-left: 12px;
    width: 100%;
    display: flex;
    align-items: center;
}
.contract-tab-tasks-task__content__label__textarea {
    width: 100%;
    height: auto;
    background-color: transparent;
    padding: 0;
    font-size: 15px !important;
    outline: none;
    word-wrap: break-word;
    white-space: pre-wrap !important;
    border: 0;
    font-family: var(--font-family-primary);
    border-radius: 0;
}
.contract-tab-tasks-task__content__label__textarea:focus {
    border: 0;
    box-shadow: none;
}
.contract-tab-tasks-task__content__label_done {
    text-decoration: line-through;
}
.contract-tab-tasks-task_disabled .task__content__checkbox {
    cursor: default;
}
.contract-tab-tasks-task__actions {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-left: 36px;
    margin-left: 8px;
}
.contract-tab-tasks-task__actions__date {
    cursor: pointer;
    display: flex;
    overflow: hidden;
    margin-left: 12px;
}
.contract-tab-tasks-task__actions__date__due-date {
    border-radius: 0;
}
.contract-tab-tasks-task__actions__date__clear-deadline {
    display: flex;
    opacity: 0;
    height: 24px;
    width: 0;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 0 6px 6px 0;
    transition: background-color 0.2s;
    cursor: pointer;
}
.contract-tab-tasks-task__actions__date__clear-deadline_red {
    background-color: var(--red-400);
}
.contract-tab-tasks-task__actions__date__clear-deadline_blue {
    background-color: var(--blue-400);
}
.contract-tab-tasks-task__actions__date:hover .tag__content {
    opacity: 0.8;
    transition: background-color 0.2s;
    border-radius: 6px 0 0 6px;
}
.contract-tab-tasks-task__actions__date:hover .task__actions__date__clear-deadline {
    opacity: 1;
    width: 24px;
    transition: background-color 0.2s;
}
.contract-tab-tasks-task__actions__assignee {
    height: 24px;
    width: 24px;
}
.contract-tab-tasks-task__actions__delete {
    margin-left: 12px;
    color: var(--text-300);
    display: none;
    cursor: pointer;
    transition: background-color 0.2s;
}
.contract-tab-tasks-task__actions__delete:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.contract-tab-tasks-task_disabled .task__actions__date {
    cursor: default;
}
.contract-tab-tasks-task:hover .task__actions {
    padding-left: 0;
}
.contract-tab-tasks-task:hover .task__actions__delete {
    display: flex !important;
}
.contract-tab-tasks-task:last-child {
    border-bottom: var(--div-border-primary);
}
.contract-tab-tasks__header {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
}
.contract-tab-tasks__upgrade {
    margin-top: -8px;
    padding: 0 24px;
}
._versionCard_6h7yg_1 {
    transition: background-color 0.3s ease-in-out;
    box-shadow: var(--shadow-m);
}
._versionCard_6h7yg_1 ._versionButton_6h7yg_5 {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    visibility: hidden;
}
._versionCard_6h7yg_1:hover {
    background-color: var(--background-secondary);
    cursor: pointer;
}
._versionCard_6h7yg_1:hover ._versionButton_6h7yg_5 {
    visibility: visible;
}
.document-preview-skeleton {
    padding: 64px;
    background: #fff;
    border: var(--div-border-primary);
    border-radius: 0 0 6px 6px;
    width: 100%;
}
.document-preview-skeleton__borderless {
    border: none;
}
.document-preview-skeleton__header {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 42px;
}
.document-preview-skeleton__header__logo {
    width: 30%;
}
.document-preview-skeleton__header__title {
    width: 60%;
    margin-bottom: 42px;
}
.document-preview-skeleton__header__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 40px;
}
.document-preview-skeleton__header__content > div:nth-child(2) {
    width: 80%;
}
.document-preview-skeleton__title {
    width: 40%;
}
.document-preview-skeleton__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 40px;
}
.document-preview-skeleton__content > div:nth-child(3) {
    width: 80%;
}
.document-preview-skeleton__content > div:nth-child(4) {
    width: 90%;
}
._container_hx3yx_1 {
    width: 100%;
    max-width: 800px;
    display: flex;
    margin: 24px auto;
}
._document_hx3yx_8 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
._error_hx3yx_15 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #fff;
    padding-bottom: 160px;
    border-top: var(--div-border-primary);
}
._page_hx3yx_25 {
    border: var(--div-border-primary);
    border-radius: 6px;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
._page_hx3yx_25 canvas {
    width: 100%;
}
._chevronDown_oe4gk_1 {
    transform: rotate(90deg);
}
._selectedItem_oe4gk_5 {
    width: 100%;
    min-width: 352px;
    border: 1px solid var(--div-border-primary-color, #dde1e7);
    border-radius: var(--border-radius-primary);
    background: var(--div-bg-primary, #fff);
}
._option_oe4gk_13 {
    cursor: pointer;
}
._option_oe4gk_13:hover {
    background: var(--grey-100, #f7f8fa);
}
._header_3ghsi_1 {
    border-bottom: 1px solid var(--div-border-primary-color, #dde1e7);
}
._mainContent_3ghsi_5 {
    background: var(--grey-100, #f7f8fa);
    overflow-y: scroll;
}
._menu_3ghsi_10 {
    border-left: #f7f8fa;
    border-left: 1px solid var(--div-border-primary-color, #dde1e7);
}
.page-contract-activities-comment-form {
    width: 100%;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}
.page-contract-activities-comment-form__left {
    display: flex;
    justify-content: center;
    width: 20px;
}
.page-contract-activities-comment-form__left__ariane {
    position: absolute;
    top: 28px;
    height: calc(100% - 16px);
    width: 2px;
    border-radius: 6px;
    background-color: var(--grey-300);
}
.page-contract-activities-comment-form__container {
    flex: 1;
    padding-left: 12px;
}
.page-contract-activities-comment-form__field {
    width: 100%;
    min-height: 60px !important;
}
.page-contract-activities-comment-form__field:hover {
    border: var(--div-border-primary);
    transition: background-color 0.2s;
}
.page-contract-activities-comment-form__field:focus-within {
    border: 1px solid var(--primary-color);
    background-color: #fff;
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.page-contract-activities-comment-form__field__suggestions {
    position: absolute;
    background-color: #fff;
    box-shadow: var(--box-shadow);
    border: var(--div-border-primary);
    border-radius: 6px;
    min-width: 240px !important;
    top: auto !important;
    bottom: 32px !important;
    padding: 8px 0;
    z-index: 99 !important;
    overflow: hidden;
}
.page-contract-activities-comment-form__field__suggestions ul {
    margin: 0;
    padding: 0;
}
.page-contract-activities-comment-form__field__suggestions__item {
    height: 32px;
    background-color: #fff;
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
}
.page-contract-activities-comment-form__field__suggestions__item--focused {
    background-color: var(--grey-100);
}
.page-contract-activities-comment-form__field__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.page-contract-activities-comment-form__field__input {
    padding: 12px 16px;
    font-size: 15px !important;
    z-index: 0;
}
.page-contract-activities-comment-form__field__mention {
    position: relative;
    padding: 2px 0.1px;
    border-radius: 1px;
    color: var(--primary-color);
    background-color: #fff;
    background-color: var(--blue-100);
    border-bottom: 1px solid var(--green-500);
    z-index: 2;
}
.page-contract-activities-comment-form textarea {
    margin: 0 !important;
    font-size: 14px;
    box-sizing: border-box;
    border: none !important;
    box-shadow: none !important;
}
.page-contract-activity__dot-menu {
    position: absolute;
    top: 0;
    right: 0;
}
.page-contract-activity__dot-menu:hover {
    background-color: #fff;
}
.page-contract-activity-comment__comment {
    white-space: pre-line;
    line-height: 20px;
}
.page-contract-activity-public-comment {
    white-space: pre-line;
    line-height: 20px;
    background-color: var(--golden-100);
    border-radius: 6px;
    padding: 8px;
}
.file-download-container {
    width: 100%;
}
.file-download {
    background-color: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: var(--text-400);
    cursor: pointer;
    transition: background-color 0.2s;
    max-width: 400px;
}
.file-download_disabled {
    cursor: not-allowed;
    opacity: 0.56;
}
.file-download_small {
    width: auto;
    max-width: 100%;
    height: 32px;
    padding: 0 16px 0 12px;
    font-size: 14px;
    line-height: 32px;
    display: inline-flex;
}
.file-download_large {
    width: 100%;
    padding: 12px 24px 12px 16px;
    font-size: 14px;
    line-height: 32px;
}
.file-download__icon_small {
    margin-right: 8px;
}
.file-download__icon_large {
    margin-right: 16px;
}
.file-download__icon img {
    height: 100%;
}
.file-download__name {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}
.file-download__name__tooltip__component {
    overflow: hidden;
}
.file-download__upload {
    margin-left: auto;
}
.file-download__download {
    margin-left: auto;
    font-size: 14px;
    line-height: 32px;
    font-weight: 500;
    color: var(--primary-color);
    transition: background-color 0.2s;
}
.file-download__download:hover {
    color: var(--primary-color-pair);
    transition: background-color 0.2s;
}
.file-download:hover {
    background-color: var(--grey-200);
    transition: background-color 0.2s;
}
.page-contract-activity-contract-link-card-content {
    margin-top: 8px;
    max-width: 100%;
}
.page-contract-activity-contract-link-card-content svg {
    width: 16px !important;
}
.page-contract-activity-comment-with-mentions-card-content {
    margin-top: 4px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-400);
}
.page-contract-activity-guest-document-reviewed__comment {
    white-space: pre-line;
    line-height: 20px;
}
.external-link {
    cursor: pointer;
    color: var(--primary-color);
    text-decoration: underline;
    text-underline-position: under;
}
.page-contract-activity-email-content {
    border-top: var(--div-border-primary);
    padding: 8px 0 0;
}
.page-contract-activity-email-content__subject {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-400);
}
.page-contract-activity-email-content__text {
    padding-top: 16px;
    color: var(--text-400);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.page-contract-activity-email-content__to {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-300);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
._fileDownload_1wgoy_1 {
    background-color: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
    box-sizing: border-box;
    overflow: hidden;
    color: var(--text-400);
    cursor: pointer;
    transition: background-color 0.2s;
    line-height: 32px;
    font-size: 14px;
}
._fileDownload_1wgoy_1:hover {
    background-color: var(--grey-200);
    transition: background-color 0.2s;
}
.contract-activity-email__files {
    margin-top: 8px;
    display: flex;
    flex-flow: row wrap;
    gap: 8px;
}
.highlighter {
    height: 100%;
    align-items: center;
    white-space: pre-wrap;
}
.highlighter__highlight {
    display: inline-block;
    color: #fff;
    font-weight: 500;
}
.highlighter-search {
    height: 100%;
    align-items: center;
    white-space: pre-wrap;
    color: var(--text-tertiary);
    font-size: var(--text-size, 0.875rem);
    font-weight: var(--text-weight, 400);
    line-height: var(--text-line-height, 1.25rem);
}
.highlighter-search.selected {
    color: var(--green-500);
}
.highlighter-search.selected em {
    display: inline-block;
    font-style: normal;
    color: var(--green-500);
}
.highlighter-search em {
    display: inline-block;
    font-style: normal;
    color: var(--text-secondary);
}
.highlighter-search.body-medium {
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.25rem;
    color: var(--text-secondary);
}
.highlighter-search.small-regular {
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.125rem;
}
._searchPopover_1w7gu_1 {
    z-index: var(--z-index-portal, 1);
    overflow: hidden;
    background-color: var(--white);
    box-shadow: var(--shadow-m);
    max-height: 300px;
}
._searchPopover_1w7gu_1:focus {
    outline: none;
}
._contractReference_xmbqb_1 {
    font-weight: 500;
    color: var(--grey-900);
}
._contractReference_xmbqb_1:hover {
    cursor: pointer;
    text-decoration: underline;
}
._textElement_xirw2_1 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--grey-900);
    font-family: var(--font-family-primary);
}
._container_lk0ts_1 {
    width: 100%;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 16px;
    transition: border-color, box-shadow 0.2s ease-in-out;
    padding: 5px 12px;
}
._container_lk0ts_1:focus-within {
    border-color: var(--grey-900);
    box-shadow: 0 0 0 1px var(--grey-900);
}
._editorContainer_lk0ts_14 {
    min-height: 50px;
    max-height: 25dvh;
    overflow-y: auto;
}
._textElement_lk0ts_20 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--grey-900);
    font-family: var(--font-family-primary);
}
._contractReferenceElement_lk0ts_28 {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--grey-900);
    font-family: var(--font-family-primary);
}
._contractReferenceElement_lk0ts_28:hover {
    cursor: pointer;
    text-decoration: underline;
}
._contractExcerpt_e99dw_1 {
    background-color: var(--green-100);
    height: 16px;
    width: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: help;
    border-radius: 50%;
    font-size: 12px;
    color: var(--green-700);
    font-weight: 500;
}
._popover_e99dw_15 {
    border-radius: 6px;
    padding: 16px;
    max-width: 300px;
    font-style: italic;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
._link_e99dw_25 {
    text-decoration: none;
    color: var(--text-secondary);
}
._link_e99dw_25:hover {
    color: var(--text-primary);
}
._assistantContractViewRow_oa4xt_1:hover {
    background-color: var(--grey-200);
    transition: background-color 0.2s;
    cursor: pointer;
}
._chat_1n6d7_1 {
    container-type: size;
}
@container (max-height: 720px) {
    ._suggestions_1n6d7_6 {
        display: none;
    }
}
._aiAssistantGlobalChat_1bkv8_1 ._aiAssistantGlobalChatContent_1bkv8_1 {
    transition: width 0.3s ease-in-out;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    overflow: hidden;
    width: calc(100% - 240px);
    background-color: #fff;
}
._aiAssistantGlobalChat_1bkv8_1 ._aiAssistantHistoryPanel_1bkv8_11 {
    width: 240px;
}
._aiAssistantGlobalChat_1bkv8_1 ._aiAssistantHistoryPanel_1bkv8_11[data-open="false"] ~ ._aiAssistantGlobalChatContent_1bkv8_1 {
    width: 100%;
}
._pulsate_1s6af_1 {
    animation: _pulsate_1s6af_1 0.5s ease-in-out 2 both;
}
@keyframes _pulsate_1s6af_1 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(0.95);
    }
    to {
        transform: scale(1);
    }
}
.signature-delete-signature-file-modal__description {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 16px;
}
.attached-files-file-row-tag__condition {
    max-width: 120px;
}
.attached-files-file-row-tag__condition:hover {
    --tag-color: var(--fuchsia-500);
    --tag-bg: var(--fuchsia-200);
}
.attached-files-file-row {
    display: flex;
    align-items: center;
    padding: 8px 24px;
    gap: 12px;
}
.attached-files-file-row:hover {
    background: var(--grey-200);
}
.attached-files-file-row__left {
    flex-grow: 1;
    overflow: hidden;
}
.attached-files-file-row__left__header {
    display: flex;
    align-items: center;
    line-height: 24px;
}
.attached-files-file-row__left__header > * {
    margin-right: 8px;
}
.attached-files-file-row__left__header__title {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-500);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.attached-files-file-row__left__header__title__tooltip__component {
    width: 100%;
}
.attached-files-file-row__right {
    display: flex;
    align-items: center;
    align-self: flex-start;
    flex-shrink: 0;
}
.attached-files-file-row__right__button,
.attached-files-file-row__right__button_more {
    display: flex;
}
.attached-files-file-row__right__button_more svg {
    fill: var(--text-300) !important;
}
.attached-files-file-row__right__button_condition {
    color: var(--text-300) !important;
}
.attached-files-file-row_hovered .attached-files-file-row__button {
    display: flex;
}
.attached-files-file-row__button {
    display: none;
    flex-shrink: 0;
}
.attached-files-file-row:hover .attached-files-file-row__button {
    display: flex;
}
.attached-files {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.attached-files__files {
    background-color: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
}
.attached-files__files__see-more {
    display: flex;
    cursor: pointer;
    line-height: 32px;
    padding: 0 24px;
    align-items: center;
    color: var(--text-400);
}
.attached-files__files__see-more > * {
    margin-right: 8px;
}
.attached-files__files__see-more:hover {
    background-color: var(--grey-200);
}
.attached-files__files > * {
    border-bottom: var(--div-border-primary);
}
.attached-files__files > *:last-child {
    border-bottom: none;
}
.attached-files_in-drawer .attached-files__files {
    border-radius: 0;
    border-left: none;
    border-right: none;
}
.attached-files_in-drawer .attached-files__header {
    height: 32px;
    padding: 0 24px;
    margin-bottom: 16px;
}
.attached-files_in-drawer .attached-files__file-drop {
    padding: 0 24px;
}
.contract-tab-attached-files {
    padding: 16px 0;
    height: 100%;
}
.contract-tab-attached-files__missing-file {
    padding: 12px 24px;
    border-bottom: var(--div-border-primary);
    margin-top: -16px;
    margin-bottom: 16px;
}
.contract-tab-attached-files__missing-file__subtitle {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-300);
    margin-bottom: 8px;
}
.contract-tab-attached-files__missing-file__button {
    margin-top: 12px;
}
.contract-tab-attached-files__upgrade {
    padding: 0 24px;
}
.buttons-bar {
    position: relative;
    display: inline-flex;
    align-items: center;
    box-shadow: var(--box-shadow-button);
    border-radius: 6px;
    overflow: hidden;
    height: fit-content;
    background-color: var(--buttons-bar_background-color, transparent);
    color: var(--buttons-bar_color, inherit);
}
.buttons-bar_classic {
    border: var(--div-border-primary);
}
.buttons-bar_borderless {
    border: none;
}
.buttons-bar > * {
    border-radius: 0;
    border: none !important;
    box-shadow: none;
}
.buttons-bar > *:last-child {
    border-right: none !important;
}
.buttons-bar_white {
    --buttons-bar_background-color: transparent;
}
.buttons-bar_white > * {
    border-right: var(--div-border-primary) !important;
}
.buttons-bar_dark {
    --buttons-bar_background-color: var(--grey-900);
    --buttons-bar_color: white;
}
.buttons-bar_dark > * {
    border-right: 1px solid rgba(255, 255, 255, 0.08) !important;
}
._customListItem_193u5_1 {
    display: flex;
}
._customListItem_193u5_1:hover ._showOnlyNotHover_193u5_4 {
    display: none;
}
._showOnlyNotHover_193u5_4 {
    display: flex;
}
._customButtonValidate_193u5_12 {
    width: 32px;
    height: 32px;
}
.editor-type-select__button {
    width: 112px;
}
.editor-type-select__item {
    font-family: Arial, Helvetica, sans-serif;
}
.editor-font-size-select__button {
    width: 66px;
}
.editor-toolbar-button-with-menu {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    padding-right: 4px;
}
.editor-toolbar-button-with-menu__toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    padding-left: 0;
    padding-right: 0;
    width: 16px;
}
.contract-tab-clauses-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 16px;
    border: var(--div-border-primary);
    box-shadow: var(--box-shadow-small);
    border-radius: 6px;
    width: 100%;
}
.contract-tab-clauses-card__header {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.contract-tab-clauses-card__header_icon-blue {
    color: var(--blue-500);
}
.contract-tab-clauses-card__header_icon-orange {
    color: var(--orange-500);
}
.contract-tab-clauses-card__header_custom {
    visibility: visible;
}
.contract-tab-clauses-card__header__actions {
    visibility: hidden;
}
.contract-tab-clauses-card__header__actions_icon {
    color: var(--text-400);
}
.contract-tab-clauses-card__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contract-tab-clauses-card__body__name {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-400);
}
.contract-tab-clauses-card__body__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-300);
}
.contract-tab-clauses-card:hover .contract-tab-clauses-card__header_custom {
    visibility: hidden;
}
.contract-tab-clauses-card:hover .contract-tab-clauses-card__header__actions {
    visibility: visible;
}
.donut__item {
    transition: stroke-dasharray 0.5s ease-in-out, stroke-dashoffset 0.5s ease-in-out;
}
.donut__item_blue {
    stroke: var(--blue-500);
}
.donut__item_orange {
    stroke: var(--orange-500);
}
.donut__item_green {
    stroke: var(--green-500);
}
.donut__item_purple {
    stroke: var(--purple-500);
}
.donut__item_red {
    stroke: var(--red-500);
}
.contract-tab-clauses-header {
    display: flex;
    width: 100%;
    padding: 8px 0;
}
.contract-tab-clauses-header__left {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.contract-tab-clauses-header__left__stats__item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-300);
}
.contract-tab-clauses-header__left__stats__item__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
}
.contract-tab-clauses-header__left__stats__item__dot_blue {
    background-color: var(--blue-500);
}
.contract-tab-clauses-header__left__stats__item__dot_orange {
    background-color: var(--orange-500);
}
.contract-tab-clauses-header__donut {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: flex-end;
}
.contract-tab-clauses-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0 24px 16px;
    gap: 12px;
}
.contract-tab-clauses-empty__button {
    display: flex;
    justify-content: center;
}
.contract-tab-clauses__header {
    padding: 16px 24px;
    display: flex;
    justify-content: space-between;
}
.integrations-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
}
.integrations-logo img {
    width: 100%;
}
.integrations-logo_40 {
    width: 40px;
    height: 40px;
}
.integrations-logo_32 {
    width: 32px;
    height: 32px;
}
.integrations-logo_material {
    background-color: var(--grey-200);
    border-radius: 6px;
}
.integrations-logo_material_color_primary {
    background-color: var(--blue-100);
    color: var(--blue-700);
    fill: var(--blue-700);
}
.integrations-logo_material_color_success {
    background-color: var(--green-100);
    color: var(--green-700);
    fill: var(--green-700);
}
.integration-view {
    width: 100%;
    height: calc(100vh - 96px);
    background-color: #fff;
    border-radius: 6px;
    box-shadow: var(--box-shadow-large);
    overflow: hidden;
    overflow-y: auto;
}
.integration-view__header {
    position: sticky;
    display: flex;
    align-items: center;
    top: 0;
    width: 100%;
    padding: 24px;
    border-bottom: var(--div-border-primary);
    background-color: #fff;
    z-index: 1;
}
.integration-view__header__logo {
    margin-right: 16px;
}
.integration-view__header__tags {
    margin-left: 16px;
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.integration-view__content {
    display: flex;
}
.integration-view__content__left {
    height: auto;
    width: 100%;
    min-height: calc(100vh - 179px);
    max-width: calc(100% - 320px);
    border-right: var(--div-border-primary);
    padding: 16px 24px;
}
.integration-view__content__left__description {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-top: 8px;
    color: var(--text-400);
}
.integration-view__content__left__carrousel {
    width: auto;
    margin-top: 24px;
    overflow-x: auto;
    display: flex;
}
.integration-view__content__left__carrousel img {
    margin-right: 16px;
    height: 360px;
    width: auto;
    border-radius: 6px;
}
.integration-view__content__left__children {
    margin-top: 16px;
}
@media screen and (width <= 1100px) {
    .integration-view__content__left {
        max-width: 100%;
        min-height: 0;
        border: 0;
    }
}
.integration-view__content__right {
    width: 320px;
    padding: 0 24px;
    flex-shrink: 0;
}
.integration-view__content__right__action,
.integration-view__content__right__upgrade {
    margin-top: 16px;
}
.integration-view__content__right__install {
    margin-top: 16px;
    width: 100%;
    background-color: #fff;
    bottom: 0;
}
.integration-view__content__right__help {
    margin-top: 16px;
    display: block;
}
.integration-view__content__right__separator {
    height: 16px;
}
.integration-view__content__right__contact {
    margin-top: 16px;
    border-radius: 6px;
    background-color: var(--grey-200);
    padding: 16px;
    line-height: 20px;
}
.integration-view__content__right__contact__title {
    font-weight: 500;
}
.integration-view__content__right__contact__link {
    display: block;
    font-weight: 500;
    color: var(--text-400);
    margin-top: 12px;
}
.integration-view__content__right__contact__link:hover {
    color: var(--green-600);
    cursor: pointer;
}
.integration-view__content__right__discount {
    border: 0;
    border-radius: 0;
    border-bottom: var(--div-border-primary);
}
@media screen and (width <= 1100px) {
    .integration-view__content__right {
        width: 100%;
        margin: 24px 0 0;
        border-top: var(--div-border-primary);
    }
}
@media screen and (width <= 1100px) {
    .integration-view__content {
        display: block;
        max-height: 100%;
    }
}
@media screen and (width <= 1100px) {
    .integration-view {
        height: 100vh;
        border: 0;
        border-radius: 0;
    }
}
.integration-api-key-field__input {
    cursor: pointer;
}
.integration-api-key-field__uninstall {
    margin-top: 16px;
}
.salesforce-action__sandbox-switch {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.salesforce-action__sandbox-switch__label {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
.dynamic-component-select-condition-options__stack {
    max-width: calc(100% - 24px);
}
.attribute-integration-attribute-select__button__placeholder {
    color: var(--text-300) !important;
    font-weight: 400 !important;
}
.attribute-integration-attribute-select__dynamic-components__icon {
    color: var(--green-500);
}
.integration-salesforce-autocomplete {
    position: relative;
    width: 100%;
}
.integration-salesforce-autocomplete[hidden] {
    display: none;
}
.integration-salesforce-autocomplete__field {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    border: var(--div-border-primary);
    background-color: #fff;
    border-radius: 6px;
    outline: none;
    padding: 0 12px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    height: 32px;
    transition: background-color 0.2s;
}
.integration-salesforce-autocomplete__field__input {
    border: none;
    height: 30px;
    padding: 0;
    width: 100%;
    outline: none;
    font-size: 14px;
    font-family: var(--font-family-primary);
}
.integration-salesforce-autocomplete__field__input::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
    font-size: 14px;
}
.integration-salesforce-autocomplete__field:focus-within {
    border: 1px solid var(--primary-color);
    box-shadow: 0 0 0 1px var(--primary-color);
    transition: background-color 0.2s;
}
.integration-salesforce-autocomplete__field_error {
    border: 1px solid var(--red-500) !important;
    box-shadow: 0 0 0 1px var(--red-500) !important;
}
.integration-salesforce-autocomplete__error-message {
    color: var(--red-500);
    font-size: 12px;
    margin-top: 4px;
}
.integration-salesforce-autocomplete__suggestions {
    position: absolute;
    box-sizing: border-box;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    width: 100%;
    padding: 8px 0;
    list-style: none;
    overflow-y: auto;
    margin-top: 4px;
    box-shadow: var(--box-shadow);
    z-index: 100;
}
.integration-salesforce-autocomplete__suggestions__item {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    direction: rtl;
    text-align: left;
    height: 36px;
    background-color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    padding: 0 16px;
}
.integration-salesforce-autocomplete__suggestions__item:hover {
    background-color: var(--grey-100);
    cursor: pointer;
}
.integration-salesforce-autocomplete__suggestions__item_active {
    background-color: var(--grey-100);
}
.integration-salesforce-attribute-integration-creation-form {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    width: 100%;
}
.integration-salesforce-attribute-integration-creation-form div {
    line-height: 32px;
}
.integration-salesforce-attribute-integration-creation-form__item__values {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: calc(100% - 40px);
}
.integration-salesforce-attribute-integration-creation-form__item__values > div {
    flex: 1 0 32%;
    align-self: center;
    min-width: 0;
}
.integration-salesforce-attribute-integration-creation-form__item__submit__button:hover {
    color: var(--green-500);
}
.block {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 6px;
    box-shadow: var(--box-shadow-small);
    border: var(--div-border-primary);
    overflow: hidden;
}
.block_disabled {
    opacity: 0.6;
}
.block_clickable {
    cursor: pointer;
}
.block_clickable:hover {
    box-shadow: var(--box-shadow-medium);
    transition: box-shadow 0.2s;
}
.block:last-child {
    margin-bottom: 0;
}
.block__content {
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 16px 24px;
    flex-wrap: wrap;
    display: flex;
}
.block__content > div {
    margin-top: 16px;
}
.block__content > :first-child {
    margin-top: 0;
}
.block__content__left {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-400);
    margin-right: 16px;
    flex: 1;
}
.block__content__left__icon {
    fill: var(--text-400);
    flex-shrink: 0;
    margin-right: 16px;
    align-self: center;
}
.block__content__left__label {
    font-size: 16px;
    color: var(--text-500);
    line-height: 24px;
    font-weight: 500;
}
.block__content__left__description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-300);
}
.block__content__left__tag {
    display: inline-block;
    margin-left: 8px;
}
.block__content__left__chevron {
    transform: rotate(-90deg);
    fill: var(--text-300);
}
@media screen and (width <= 1100px) {
    .block__content__left {
        margin-right: 4px;
    }
}
.block__content__right {
    display: flex;
    align-items: center;
}
.block__content__right__button {
    margin-left: 12px;
}
.block__content__right__button:first-child {
    margin: 0;
}
.button-menu {
    border-radius: 6px;
    box-shadow: var(--box-shadow-button);
    box-sizing: border-box;
    display: inline-block;
    overflow: hidden;
}
.button-menu_outline {
    border: var(--div-border-primary);
    color: var(--text-400);
}
.button-menu_outline.button-menu_secondary {
    color: var(--text-400);
}
.button-menu_classic {
    transition: background-color 0.2s;
}
.button-menu_classic.button-menu_primary {
    background-color: var(--primary-color);
    border: 1px solid var(--primary-color-pair);
}
.button-menu_classic.button-menu_success {
    background-color: var(--green-500);
    border: 1px solid var(--green-600);
}
.button-menu_32 {
    height: 32px;
}
.button-menu_36 {
    height: 36px;
}
.button-menu_40 {
    height: 40px;
}
.button-menu__main {
    height: 100%;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-weight: 500;
    font-family: var(--font-family-primary);
    vertical-align: baseline !important;
    white-space: nowrap;
    outline: none;
    border: 0;
    flex-shrink: 0;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.2s;
}
.button-menu__main_classic {
    color: #fff;
}
.button-menu__main_classic.button-menu__main_primary:hover {
    background-color: var(--primary-color-pair);
}
.button-menu__main_classic.button-menu__main_success:hover {
    background-color: var(--green-600);
}
.button-menu__main_classic__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button-menu__main_reversed {
    box-shadow: var(--box-shadow-button);
}
.button-menu__main_reversed.button-menu__main_primary {
    color: var(--primary-color);
    fill: var(--primary-color);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_primary:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_secondary {
    color: var(--grey-200);
    fill: var(--grey-200);
    background-color: var(--text-400);
    border: 1px solid var(--text-400);
}
.button-menu__main_reversed.button-menu__main_secondary:hover {
    color: var(--text-400);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-400) !important;
}
.button-menu__main_reversed.button-menu__main_success {
    color: var(--green-500);
    fill: var(--green-500);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_success:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_warning {
    color: var(--orange-500);
    fill: var(--orange-500);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_warning:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_danger {
    color: var(--red-500);
    fill: var(--red-500);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_danger:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_grey {
    color: var(--grey-100);
    fill: var(--grey-100);
    background-color: var(--text-300);
    border: 1px solid var(--text-300);
}
.button-menu__main_reversed.button-menu__main_grey:hover {
    color: var(--text-300);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--text-300) !important;
}
.button-menu__main_reversed.button-menu__main_purple {
    color: var(--purple-500);
    fill: var(--purple-500);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_purple:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_fuchsia {
    color: var(--fuchsia-500);
    fill: var(--fuchsia-500);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_fuchsia:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_golden {
    color: var(--golden-500);
    fill: var(--golden-500);
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_golden:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed.button-menu__main_opacity {
    color: #ffffff47;
    fill: #ffffff47;
    background-color: #fff;
    border: 1px solid white;
}
.button-menu__main_reversed.button-menu__main_opacity:hover {
    color: #fff;
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: #fff !important;
}
.button-menu__main_reversed.button-menu__main_purple-deep {
    color: #fff;
    fill: #fff;
    background-color: var(--purple-700);
    border: 1px solid var(--purple-700);
}
.button-menu__main_reversed.button-menu__main_purple-deep:hover {
    color: var(--purple-700);
    background-color: #ffffff47;
    border-color: #ffffff1f;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}
.button-menu__main_reversed__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--purple-700) !important;
}
.button-menu__main_outline.button-menu__main_primary {
    color: var(--primary-color);
}
.button-menu__main_outline.button-menu__main_secondary {
    color: var(--text-400);
}
.button-menu__main_outline:hover {
    background-color: var(--grey-100);
}
.button-menu__main_outline__loader {
    width: 20px !important;
    height: 20px !important;
    position: absolute;
    color: var(--primary-color) !important;
}
.button-menu__main_32 {
    padding: 0 12px;
    font-size: 14px;
}
.button-menu__main_36 {
    padding: 0 16px;
    font-size: 14px;
}
.button-menu__main_40 {
    padding: 0 16px;
    font-size: 16px;
}
.button-menu__main_loading {
    opacity: 0.6;
    color: transparent !important;
}
.button-menu__menu {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    flex-shrink: 0;
    cursor: pointer;
}
.button-menu__menu_classic {
    color: #fff;
    transition: background-color 0.2s;
}
.button-menu__menu_classic.button-menu__menu_primary {
    border-left: 1px solid var(--primary-color-pair);
}
.button-menu__menu_classic.button-menu__menu_primary:hover {
    background-color: var(--primary-color-pair);
}
.button-menu__menu_classic.button-menu__menu_success {
    border-left: 1px solid var(--green-600);
}
.button-menu__menu_classic.button-menu__menu_success:hover {
    background-color: var(--green-600);
}
.button-menu__menu_outline {
    border-left: var(--div-border-primary);
}
.button-menu__menu_outline:hover {
    background-color: var(--grey-100);
}
.button-menu__menu__toggle_light {
    color: #fff;
}
.button-menu__menu__toggle_dark {
    color: var(--text-300);
}
.button-menu__menu__toggle_menu-only {
    margin-left: 8px;
}
.integration-salesforce-attribute-integration-list__item {
    display: flex;
    flex-flow: row nowrap;
    gap: 8px;
    width: 100%;
    margin-bottom: 8px;
}
.integration-salesforce-attribute-integration-list__item__values {
    display: flex;
    flex-direction: row;
    gap: 8px;
    width: 100%;
}
.integration-salesforce-attribute-integration-list__item__values__attribute-name {
    font-size: 14px;
    line-height: 32px;
    padding: 0 12px;
    border-radius: 6px;
    border: var(--div-border-primary);
    width: 100%;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
}
.integration-salesforce-attribute-integration-list__item__values > div {
    flex: 1 0 32%;
    align-self: center;
    min-width: 0;
}
.integration-salesforce-attribute-integration-list__item__values__sync-way {
    display: flex;
}
.integration-salesforce-attribute-integration-list__item__values__sync-way > div {
    align-self: center;
}
.integration-salesforce-attribute-integration-list__item__more__button {
    color: var(--text-400);
    cursor: pointer;
    transition: background-color 0.2s;
}
.integration-salesforce-attribute-integration-list__item__more__button:hover {
    background-color: var(--grey-200);
    transition: background-color 0.2s;
}
.integration-salesforce-attribute-integration__row {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    margin-bottom: 8px;
}
.integration-salesforce-attribute-integration__row_header {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-500);
    gap: 8px;
    width: calc(100% - 40px);
}
.integration-salesforce-attribute-integration__row > div {
    flex: 1 0 32%;
    align-self: center;
}
.integration-salesforce-tabs-tab {
    border: var(--div-border-primary);
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-top: unset;
    padding: 16px;
}
.integration-salesforce-tabs-tab__description {
    margin-top: 4px;
    margin-bottom: 16px;
    line-height: 20px;
    font-size: 14px;
    color: var(--text-300);
}
.integration-salesforce-integration-role-setting-creation-form {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.integration-salesforce-integration-role-setting-creation-form > div {
    display: flex;
    flex: 1 0 50%;
    min-width: 0;
}
.integration-salesforce-integration-role-setting-creation-form__role-setting-type__right-arrow {
    color: var(--text-300);
    margin: 0 8px;
    height: 32px;
    display: flex;
    align-items: center;
}
.integration-salesforce-integration-role-setting-creation-form__salesforce-setting {
    width: 100%;
    box-shadow: var(--box-shadow-small);
    border-radius: 6px;
    border: var(--div-border-primary);
    padding: 8px;
}
.integration-salesforce-integration-role-setting-creation-form__salesforce-setting_hidden {
    box-shadow: none !important;
    border: none !important;
}
.integration-salesforce-integration-role-setting-list__item {
    display: flex;
    flex-direction: row;
    width: 100%;
    margin-bottom: 8px;
}
.integration-salesforce-integration-role-setting-list__item > div {
    display: flex;
    flex: 1 0 50%;
    align-self: center;
    min-width: 0;
}
.integration-salesforce-integration-role-setting-list__item__role-setting-type__right-arrow {
    color: var(--text-300);
    align-self: center;
    margin: 8px 8px 0;
}
.integration-salesforce-integration-role-setting-list__item__salesforce-setting {
    box-shadow: var(--box-shadow-small);
    border-radius: 6px;
    border: var(--div-border-primary);
    padding: 8px;
}
.integration-salesforce-integration-role-setting-list__item__salesforce-setting__inputs {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.integration-salesforce-integration-role-setting-list__item__salesforce-setting__delete-button {
    display: none;
    color: var(--text-300);
    cursor: pointer;
    transition: background-color 0.2s;
}
.integration-salesforce-integration-role-setting-list__item__salesforce-setting__delete-button:hover {
    color: var(--red-500);
    transition: background-color 0.2s;
}
.integration-salesforce-integration-role-setting-list__item:hover .integration-salesforce-integration-role-setting-list__item__salesforce-setting__delete-button {
    display: block;
    margin-left: 4px;
    transition: background-color 0.2s;
}
.integration-salesforce-integration-role-setting__header {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-500);
}
.integration-salesforce-integration-role-setting__header > div {
    flex: 1 0 50%;
    align-self: center;
}
.integration-salesforce-integration-role-setting__content__create-row {
    display: flex;
    width: 100%;
    margin-bottom: 8px;
}
.salesforce-settings-tab__form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.salesforce-settings-tab__form__storage__label {
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    color: var(--text-300);
}
.salesforce-settings-tab__form__storage__switch {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 8px;
}
.salesforce-settings-tab__form__storage__switch__text {
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    color: var(--text-500);
}
.salesforce-settings-tab__form__sync__label {
    padding: 6px 0;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-300);
}
.salesforce-settings-tab__form__sync__input {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
}
.idp-form__description {
    line-height: 20px;
    font-size: 14px;
    color: var(--text-500);
    font-weight: 500;
    margin-bottom: 4px;
}
.idp-form__horizontal-section {
    display: flex;
    flex: 1;
    flex-direction: row;
    width: 100%;
}
.idp-form__horizontal-section__first-block {
    width: 100%;
    margin-right: 16px;
}
.idp-form__horizontal-section__block {
    width: 100%;
}
.idp-form__certificate-block {
    margin-top: 16px;
}
.idp-form__button-description {
    margin-top: 24px;
}
.config-field__config-value {
    cursor: pointer;
}
.tomorro-config__description {
    line-height: 20px;
    font-size: 14px;
    color: var(--text-500);
    font-weight: 500;
    margin-bottom: 4px;
}
.tomorro-config__horizontal-section {
    display: flex;
    flex: 1;
    flex-direction: row;
    width: 100%;
}
.tomorro-config__horizontal-section__first-block {
    width: 100%;
    margin-right: 16px;
}
.tomorro-config__horizontal-section__block {
    width: 100%;
}
.integration-saml__first-label {
    color: var(--text-500);
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 12px;
}
.integration-saml__label {
    color: var(--text-500);
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 12px;
    margin-top: 16px;
}
.integration-saml__disclaimer__container {
    border: var(--div-border-primary);
    border-radius: var(--border-radius-primary);
    padding: 16px 24px;
}
.integration-saml__disclaimer__icon {
    border-radius: var(--border-radius-primary);
    background-color: var(--orange-100);
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.integration-saml__disclaimer__icon__triangle {
    color: var(--orange-500);
}
.integration-saml__disclaimer__docs-button {
    margin-right: 8px;
}
.integration-saml__disclaimer__docs-button__icon {
    margin-right: 4px;
}
.webhook-form-delete-modal__description {
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 16px;
    white-space: break-spaces;
}
.webhook-form-enabled-switch__label {
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    color: var(--text-500);
}
.webhook-form-enabled-switch__switch {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 8px;
}
.webhook-form-enabled-switch__switch__text {
    font-weight: 500;
    line-height: 20px;
    height: 20px;
    color: var(--text-500);
}
.form-checkbox {
    display: flex;
    position: relative;
    margin: auto;
    align-items: center;
    cursor: pointer;
    font-size: 14px;
    width: 100%;
    clear: both;
    height: var(--checkbox-size, 18px);
}
.form-checkbox_size-16 {
    --checkbox-size: 16px;
}
.form-checkbox_size-18 {
    --checkbox-size: 18px;
}
.form-checkbox_with-description {
    height: auto;
}
.form-checkbox_disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.form-checkbox__description {
    color: var(--text-300);
    font-size: 14px;
    line-height: 20px;
}
.form-checkbox__label-box {
    margin-left: 12px;
}
.form-checkbox__label {
    display: inline;
    position: relative;
    font-weight: 400;
    color: var(--text-400);
}
.form-checkbox__input {
    z-index: 1;
    margin: 0;
    height: var(--checkbox-size, 18px) !important;
    width: var(--checkbox-size, 18px) !important;
    cursor: pointer;
    align-self: flex-start;
    position: absolute;
    opacity: 0;
}
.form-checkbox__input_disabled {
    cursor: not-allowed;
}
.form-checkbox__custom {
    position: relative;
    z-index: 0;
    height: var(--checkbox-size, 18px) !important;
    width: var(--checkbox-size, 18px) !important;
    background-color: transparent;
    transition: background-color 0.2s ease-out;
    border: var(--div-border-primary);
    flex-shrink: 0;
    align-self: flex-start;
}
.form-checkbox__custom_rounded {
    border-radius: 6px;
}
.form-checkbox__custom:hover {
    background-color: var(--grey-200);
}
.form-checkbox input:checked ~ .form-checkbox__custom {
    background-color: var(--primary-color);
    border-radius: 6px;
    border: 1px solid var(--primary-color-pair);
    opacity: 1;
}
.form-checkbox .form-checkbox__custom:after {
    position: absolute;
    content: "";
    left: 10px;
    top: 10px;
    height: 0;
    width: 0;
    border-radius: 6px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(0) scale(0);
    opacity: 1;
    transition: background-color 0.2s ease-out;
}
.form-checkbox input:checked ~ .form-checkbox__custom:after {
    transform: rotate(45deg) scale(1);
    opacity: 1;
    left: calc(var(--checkbox-size, 18px) / 3);
    top: 2px;
    width: 2px;
    height: 50%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
}
.webhook-form-event-type-checkbox {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 8px;
    height: 32px;
}
.webhook-form-event-type-checkbox__form-checkbox label {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-400);
}
.webhook-form-secret__description,
.webhook-form-secret__secret {
    display: flex;
    align-items: center;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-300);
}
.webhook-form {
    margin-top: -16px;
}
.webhook-form > * {
    margin-bottom: 16px;
}
.webhook-form__title {
    display: flex;
    height: 24px;
    gap: 4px;
}
.webhook-form__title__chevron {
    fill: var(--text-400);
    cursor: pointer;
    display: flex;
    align-items: center;
}
.webhook-form__title__chevron > svg {
    transform: rotate(90deg);
}
.webhook-form__title__label {
    display: flex;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: var(--text-400);
}
.webhook-form__actions {
    display: flex;
    gap: 12px;
}
.table {
    width: 100%;
    border-spacing: 0;
    border-collapse: separate;
    box-sizing: border-box;
    border-bottom: var(--div-border-primary);
    overflow: hidden;
    text-align: left;
}
.table-data-cell {
    padding: 0 24px;
    white-space: nowrap;
    border-bottom: solid 1px var(--grey-300);
}
.table-header-cell {
    font-weight: 500;
    font-size: 14px;
    color: var(--text-300);
    white-space: nowrap;
    padding: 0 24px;
    background-color: #fff;
    border-bottom: var(--div-border-primary);
}
.table-row {
    width: 100%;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    background-color: #fff;
}
.table-row td:last-child {
    padding-right: 24px;
}
.table-row:last-child td {
    border: 0;
}
.table-row_32 {
    height: 32px;
}
.table-row_40 {
    height: 40px;
}
.table-row_48 {
    height: 48px;
}
.table-row_clickable {
    cursor: pointer;
}
.table-row_clickable:hover {
    background-color: var(--grey-100);
}
.table-row_disabled {
    color: var(--text-300);
    cursor: not-allowed;
}
.table-row_disabled .tag {
    opacity: 0.6;
    cursor: not-allowed;
}
.table-row_disabled:hover {
    background-color: transparent;
}
.webhook-list {
    margin-bottom: 16px;
    width: 100%;
    border: var(--div-border-primary);
    border-radius: 6px;
    box-shadow: var(--box-shadow-small);
    overflow: hidden;
}
.webhook-list table {
    border-bottom: none;
}
.webhook-list table tbody {
    overflow: hidden;
    width: 100%;
}
.webhook-list table tbody tr td {
    border-bottom: solid 1px var(--grey-300);
    overflow: hidden;
    font-weight: 400;
}
.redirect-integration {
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.redirect-integration__logos {
    margin-right: 8px;
    display: flex;
    align-items: flex-start;
}
.redirect-integration__logos__logo {
    display: flex;
    width: 24px;
    height: 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: var(--div-border-primary);
    background: #fff;
    margin-left: -8px;
}
.redirect-integration__logos__logo > img {
    max-width: 16px;
    max-height: 16px;
    flex-shrink: 0;
}
.redirect-integration__title {
    color: var(--text-400);
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
}
.redirect-integration__right-arrow {
    width: 20px;
    height: 20px;
}
.contract-tab-reminders-header {
    display: flex;
    height: 48px;
    justify-content: space-between;
}
.contract-tab-reminders-header__tabs {
    display: flex;
}
.contract-tab-reminders-header__cta {
    display: flex;
    align-items: center;
    gap: 12px;
}
.contract-tab-reminders-empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
}
.contract-tab-reminders-empty-state__button {
    width: fit-content;
}
.user-and-group-avatar-list {
    width: fit-content;
    font-size: 14px;
    line-height: 20px;
    color: var(--text-300);
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 2px;
    margin-left: 10px;
}
.user-and-group-avatar-list__icon {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    border: 2px solid #fff;
    margin-left: -12px;
    overflow: hidden;
    display: flex;
    justify-content: center;
}
.user-and-group-avatar-list__icon__user {
    align-items: center;
}
.user-and-group-avatar-list__icon__group {
    background-color: #fff;
}
.user-and-group-avatar-list__popover {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    background-color: var(--grey-900);
    min-width: 240px;
}
.user-and-group-avatar-list__popover__header {
    display: flex;
    align-items: center;
    height: 24px;
    font-weight: 700;
    font-size: 10px;
    line-height: 16px;
    color: #fff9;
    padding: 0 16px;
    text-transform: uppercase;
}
.user-and-group-avatar-list__popover__item {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    padding: 6px 16px;
    height: 32px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
}
.user-and-group-avatar-list__popover__item__group__emoji {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reminder-receiver-type {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-300);
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px;
}
.reminder-item {
    display: flex;
    padding: 4px 24px;
    cursor: pointer;
}
.reminder-item:hover {
    background-color: var(--grey-200);
}
.reminder-item:hover .reminder-item__actions {
    visibility: visible;
}
.reminder-item__icon {
    margin-top: 4px;
    color: var(--text-400);
}
.reminder-item__icon_success {
    color: var(--green-500);
}
.reminder-item__icon_warning {
    color: var(--orange-500);
}
.reminder-item__container {
    flex-grow: 1;
    margin-left: 8px;
    padding: 4px 0;
}
.reminder-item__container__title {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-400);
    font-weight: 500;
}
.reminder-item__container__subtitle {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-400);
    font-weight: 400;
}
.reminder-item__container__subtitle_warning {
    color: var(--orange-500);
}
.reminder-item__container__description {
    font-size: 14px;
    line-height: 20px;
    color: var(--text-300);
    font-weight: 400;
}
.reminder-item__container__description__data-missing {
    color: var(--orange-500);
}
.reminder-item__container__participants {
    margin-top: 4px;
}
.reminder-item__actions {
    display: flex;
    visibility: hidden;
    cursor: pointer;
    margin-top: 4px;
    line-height: 18px;
    gap: 4px;
}
.reminder-item__actions__icon-color {
    color: var(--text-300);
}
.reminder-viewer-drawer-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}
.reminder-viewer-drawer-field__label {
    color: var(--text-500);
    font-weight: 500;
}
.reminder-viewer-drawer-field__value {
    color: var(--text-400);
    font-weight: 400;
}
.reminder-viewer-drawer-recipients {
    display: flex;
    flex-direction: column;
    gap: 8px;
    font-size: 14px;
    line-height: 20px;
}
.reminder-viewer-drawer-recipients__label {
    color: var(--text-500);
    font-weight: 500;
}
.reminder-viewer-drawer-recipients__participants {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.reminder-viewer-drawer-recipients__participants__group {
    display: flex;
    align-items: center;
}
.reminder-viewer-drawer-recipients__participants__group__emoji {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 24px;
    width: 24px;
    font-size: 14px;
    margin-right: 8px;
}
.reminder-viewer-drawer-recipients__participants__group__name {
    font-size: 14px;
    color: var(--text-400);
    font-weight: 500;
}
.reminder-viewer-drawer-recipients__participants__user {
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}
.reminder-viewer-drawer-recipients__participants__user__warning {
    color: var(--orange-500);
    font-weight: 500;
}
.reminder-viewer-drawer__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px 0;
}
.contract-tab-reminders-past {
    margin-top: 16px;
}
.contract-tab-reminders-to-come {
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contract-tab-reminders-to-come__pending {
    display: flex;
    flex-direction: column;
}
.contract-tab-reminders-to-come__pending__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 24px;
    height: 32px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
}
.contract-tab-reminders-to-come__pending__header__title {
    color: var(--text-300);
}
.contract-tab-reminders-to-come__pending__header__data-missing {
    color: var(--orange-500);
    text-decoration: underline;
    text-underline-offset: 2px;
}
.contract-tab-reminders {
    padding: 16px 0;
    height: 100%;
}
.contract-tab-reminders__section {
    width: 100%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.contract-tab-reminders__section__header {
    padding: 0 24px;
    margin-bottom: 0 !important;
}
.contract-tab-reminders__section__header__cta {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 14px;
}
.contract-tab-reminders__section__header__cta__gcalendar,
.contract-tab-reminders__section__header__cta__outlook {
    width: 20px;
    height: 20px;
}
.contract-tab-reminders__section__content__header {
    padding: 0 24px;
    display: block;
    border-bottom: var(--div-border-primary);
}
.contract-tab-reminders__section__content__redirect-integration {
    margin-top: 12px;
    padding: 0 24px;
}
._collapsible_hl0uk_1[data-state="closed"] {
    border-bottom: var(--div-border-primary);
    padding-bottom: 16px;
}
._cardWrapper_hl0uk_6 {
    cursor: pointer;
    box-shadow: var(--box-shadow);
    transition: background-color 0.2s ease-in-out;
}
._cardWrapper_hl0uk_6:hover {
    background-color: var(--grey-200);
}
._liRemoveMargin_1vfs8_1 ul {
    margin-block: 0;
}
._liRemoveMargin_1vfs8_1 ul > li:only-child {
    list-style: none;
}
._liRemoveMargin_1vfs8_1 ul:has(> :only-child) {
    padding-inline-start: 0;
}
.page-new-contract-drawer-header__group {
    display: flex;
    margin-left: -4px;
    gap: 12px;
    flex: 1 1 100%;
    min-width: 0;
}
.page-new-contract-drawer-header__group__previous {
    cursor: pointer;
    fill: var(--text-400);
    display: flex;
    align-items: center;
}
.page-new-contract-drawer-header__group__previous > svg {
    transform: rotate(90deg);
}
.page-new-contract-drawer-header__group__previous:hover {
    fill: var(--text-300);
}
.page-new-contract-drawer-header__group__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.page-new-contract-drawer-content {
    overflow-y: auto;
    padding: 16px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    gap: 8px;
}
.page-new-contract-drawer-content__children {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex-grow: 1;
}
.external-company-form-field {
    color: var(--text-500);
}
.page-contract-drawer-copy-contract-amendment-field {
    padding: 12px 16px;
    background-color: var(--grey-100);
    border-radius: 6px;
    border: var(--div-border-primary);
}
.page-contract-drawer-copy-contract-amendment-field__input {
    font-size: 14px;
    line-height: 20px;
}
.page-contract-drawer-copy-contract-document-version-field__label {
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: var(--text-500);
    margin-bottom: 4px;
}
.page-contract-drawer-copy-contract-document-version-field__container {
    display: flex;
    flex-direction: column;
    padding: 8px 16px;
    border-radius: 6px;
    border: var(--div-border-primary);
}
.page-contract-drawer-copy-contract-document-version-field__container__version {
    color: var(--text-500);
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.page-contract-drawer-copy-contract-document-version-field__container__description {
    color: var(--text-300);
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}
.page-contract-drawer-copy-contract-submit-button__modal {
    background: url("") 50% 100px, linear-gradient(180deg, var(--green-100) 240px, rgba(0, 0, 0, 0) 30%) 0 0, #fff;
    background-size: 25%, 100%;
    background-repeat: no-repeat;
    height: 400px;
    padding-top: 300px;
    padding-bottom: 40px;
}
.page-contract-drawer-copy-contract-submit-button__modal__content__text {
    text-align: center;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    color: var(--text-500);
}
.cancel-negotiation-modal__content__warning {
    background-color: var(--blue-100);
    border-radius: 6px;
    border: 1px solid;
    border-color: var(--blue-300);
    color: var(--blue-700);
    margin-top: 16px;
    padding: 8px 16px;
}
.cancel-negotiation-modal__content__note {
    margin: 16px 0 0;
}
.cancel-negotiation-modal__content__note__textarea--error:focus-within {
    border: 1px solid var(--orange-500);
    box-shadow: 0 0 0 1px var(--orange-500);
    transition: background-color 0.2s;
}
.cancel-negotiation-modal__top-illustration {
    background-color: var(--grey-200);
    cursor: pointer;
    border-radius: 6px;
}
.cancel-negotiation-modal__top-illustration:hover {
    background-color: var(--grey-300);
}
.cancel-negotiation-modal__top-illustration__icon {
    color: var(--grey-500);
}
.contract-actions-copy-cc-email-modal__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contract-actions-copy-cc-email-modal__content__description {
    color: var(--text-400);
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    white-space: break-spaces;
}
.contract-actions-copy-cc-email-modal__content__footer {
    display: flex;
    flex-direction: row;
    gap: 12px;
    width: 100%;
}
.contract-actions-copy-cc-email-modal__content__footer__input {
    width: 100%;
    text-overflow: ellipsis;
    background-color: var(--grey-200);
}
.contract-actions-copy-cc-email-modal__content__footer__button {
    width: fit-content;
}
.terminate-contract-modal__content__date-input {
    margin-top: 16px;
}
.terminate-contract-modal__top-illustration {
    background-color: var(--grey-200);
    cursor: pointer;
    border-radius: 6px;
}
.terminate-contract-modal__top-illustration:hover {
    background-color: var(--grey-300);
}
.terminate-contract-modal__top-illustration__icon {
    color: var(--grey-500);
}
.cancel-signature-modal__content__title {
    padding: 12px 24px;
    font-size: 14px;
    font-family: var(--font-family-primary);
    color: var(--text-400);
}
.cancel-signature-modal__content__note {
    padding: 0 24px 16px;
}
.cancel-signature-modal__content__note__textarea--error:focus-within {
    border: 1px solid var(--orange-500);
    box-shadow: 0 0 0 1px var(--orange-500);
    transition: background-color 0.2s;
}
.cancel-signature-modal__content__warning {
    width: 100%;
    background: var(--orange-100);
}
.cancel-signature-modal__content__warning p {
    margin: 0;
    font-size: 14px;
    padding: 12px 24px;
    color: var(--orange-500);
}
.email-recipients-field {
    position: relative;
    border: 0;
    border-radius: 0;
    width: 100%;
    height: 48px;
    display: flex;
    overflow: hidden;
    cursor: text;
    align-items: center;
    flex-direction: column;
}
.email-recipients-field_inline {
    flex-direction: row;
    border-bottom: 1px dashed var(--grey-300);
}
.email-recipients-field__label {
    font-size: 14px;
    font-weight: 500;
    flex-shrink: 0;
    margin-bottom: 8px;
    color: var(--text-500);
}
.email-recipients-field_inline .email-recipients-field__label {
    line-height: 48px;
    color: var(--primary-color);
    margin: 0 12px 0 24px;
}
.email-recipients-field__input-area {
    overflow-x: scroll;
    width: 100%;
    display: flex;
    align-items: center;
}
.email-recipients-field__input-area__tag {
    flex-shrink: 0;
    outline: none;
    height: 24px;
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    border-radius: 6px;
    background-color: var(--blue-100);
    border: 1px solid var(--blue-300);
    color: var(--primary-color);
    display: flex;
    align-items: center;
    padding: 0 0 0 8px;
    box-sizing: border-box;
    margin: 4px;
}
.email-recipients-field__input-area__tag_error {
    background-color: var(--red-100);
    border: 1px solid var(--red-300);
    color: var(--red-500);
}
.email-recipients-field__input-area__tag__delete {
    height: 24px;
    margin-left: 8px;
    border-left: 1px solid var(--blue-300);
    padding: 4px;
    color: var(--primary-color);
}
.email-recipients-field__input-area__tag__delete_error {
    border-left: 1px solid var(--red-300);
    color: var(--red-500);
}
.email-recipients-field__input-area__tag__delete__icon {
    cursor: pointer;
}
.email-recipients-field__input-area__input {
    width: 100% !important;
    box-sizing: border-box;
}
.email-recipients-field_inline .email-recipients-field__input-area__input {
    border: 0 !important;
    margin: 0 4px;
    padding: 0;
}
.create-guests-modal__form {
    padding: 8px 24px;
}
.create-guests-modal .email-recipients-field {
    height: auto;
    align-items: baseline;
}
.create-guests-modal .email-recipients-field__input-area {
    display: flex;
    overflow-x: initial;
    flex-wrap: wrap;
}
.contract-layout-header-guest-participants {
    display: flex;
    cursor: pointer;
    margin-left: 12px;
}
.contract-layout-header-guest-participants__list {
    display: flex;
    margin-left: -12px;
}
.contract-layout-header-guest-participants__list__circle-color {
    border: 1px solid #fff;
}
.contract-layout-header-guest-participants-popover {
    background-color: #fff;
    max-height: 300px;
    overflow-y: auto;
    padding: 8px 0;
}
.contract-layout-header-guest-participants-popover svg {
    font-size: 20px;
}
.contract-layout-header-guest-participants-popover__title {
    margin: 0;
    font-size: 10px;
    line-height: 16px;
    color: var(--text-300);
    font-weight: 700;
    text-transform: uppercase;
}
.contract-layout-header-guest-participants-popover__action {
    cursor: pointer;
}
.contract-layout-header-guest-participants-popover__row {
    display: flex;
    padding: 0 12px;
}
.contract-layout-header-guest-participants-popover__row__separator {
    border-bottom: var(--div-border-primary);
    margin: 8px 0;
}
.contract-layout-header-guest-participants-popover__row__contact {
    font-weight: 500;
    color: var(--text-400);
    font-size: 14px;
    line-height: 32px;
    margin: 0 0 0 8px;
}
.contract-layout-header-guest-participants-popover__row__contact__email {
    color: var(--text-300);
}
.contract-layout-header-guest-participants-popover .menu-dot__item {
    padding: 0 12px;
    cursor: pointer;
}
.contract-layout-header-guest-participants-popover .menu-dot__item__left {
    display: flex;
    align-items: center;
    line-height: 16px;
    height: 32px;
}
.contract-layout-header-guest-participants-popover .menu-dot__item__left__icon {
    margin-right: 8px;
}
.contract-layout-header-member-participants {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.contract-layout-header-member-participants__item {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid #fff !important;
    margin-right: -20px;
    overflow: hidden;
    box-sizing: content-box;
    z-index: -1;
}
.contract-layout-header-member-participants__manage {
    box-sizing: content-box;
    border-radius: 50px;
    border: 2px solid #fff !important;
    box-shadow: unset;
}
.page-contract-layout-header__right {
    flex-shrink: 0;
}
@media screen and (width <= 800px) {
    .page-contract-layout-header__right {
        gap: 4px;
    }
}
@media screen and (width <= 800px) {
    .page-contract-layout-header {
        padding: 8px 12px;
    }
}
.page-contract-layout {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}
.page-contract-layout__header {
    width: 100%;
    background-color: #fff;
    border-bottom: var(--div-border-primary);
    box-sizing: border-box;
    padding: 8px 16px;
}
.page-contract-layout__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
grammarly-extension {
    display: none;
}
grammarly-desktop-integration {
    display: none;
}
grammarly-popups {
    display: none;
}
.editor {
    width: 100%;
    max-width: 800px;
    height: fit-content;
    min-height: var(--editor-min-height, 1000px) !important;
    position: relative;
    overflow: visible;
    padding: var(--editor-wrapper-page-padding, 24px 64px 48px 64px);
    background-color: #fff;
    box-sizing: border-box;
    border: var(--editor-border, var(--div-border-primary));
    border-radius: var(--editor-border-radius, none);
    display: flex;
    margin: var(--editor-wrapper-page-content-margin, none);
    font-family: Arial, Helvetica, sans-serif;
}
@media screen and (width <= 800px) {
    .editor {
        box-shadow: none;
        border-top: var(--div-border-primary);
        border-bottom: var(--div-border-primary);
    }
}
@media print {
    .editor {
        box-shadow: unset;
        padding: 48px;
    }
}
.editor_rounded {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.editor_classic {
    --editor-min-height: 1000px;
    --editor-border: none;
    --editor-border-radius: none;
    --editor-wrapper-page-padding: 24px 64px 48px 64px;
    --editor-wrapper-page-content-margin: unset;
}
@media screen and (width <= 800px) {
    .editor_classic {
        --editor-wrapper-page-padding: 24px 24px 40px 24px;
    }
}
.editor_read-only {
    caret-color: #fff;
    cursor: default;
}
.editor__wrapper {
    width: 100%;
    max-width: 800px;
    height: fit-content;
}
.editor__wrapper__page {
    min-height: var(--editor-min-height, 1000px);
    padding: var(--editor-wrapper-page-padding, 24px 64px 48px 64px);
    background-color: #fff;
    box-sizing: border-box;
    border: var(--editor-border, var(--div-border-primary));
    border-radius: var(--editor-border-radius, none);
}
.editor__wrapper__page_with-translation-tabs {
    border-top: none;
    border-radius: 0 0 6px 6px;
}
.editor__wrapper__page_rounded {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.editor__wrapper__page__content {
    display: flex;
    margin: var(--editor-wrapper-page-content-margin, none);
}
.editor__wrapper__page__content_mini {
    padding: 0 var(--editor-root-padding);
}
.editor__wrapper__page__content__editable {
    width: 100%;
    min-height: var(--editor-min-height, 1000px) !important;
}
.editor__wrapper__page__content__editable > div {
    font-family: Arial, Helvetica, sans-serif;
}
.editor__wrapper__page__content__editable__loader {
    min-height: 200px !important;
    position: relative;
}
@media screen and (width <= 800px) {
    .editor__wrapper__page {
        box-shadow: none;
    }
}
@media print {
    .editor__wrapper__page {
        box-shadow: unset;
        padding: 48px;
    }
}
@media screen and (width <= 800px) {
    .editor {
        border-top: var(--div-border-primary);
        border-bottom: var(--div-border-primary);
    }
}
.editor-header-footer-create-button {
    padding: 14px 24px;
    background-color: #fff;
}
.editor-header-footer-create-button_header {
    border-bottom: var(--div-border-primary);
}
.editor-header-footer-create-button_footer {
    border-top: var(--div-border-primary);
}
.header-footer-editor-options {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 24px;
    height: 32px;
    width: 100%;
    background: var(--grey-100);
    color: var(--text-500);
    border-top: var(--div-border-primary);
    border-bottom: var(--div-border-primary);
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
}
.header-footer-editor-options__checkbox {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--text-400);
    margin: unset;
    width: fit-content;
}
._headerFooterEditorContainer_4y3m0_1 {
    background-color: var(--white);
    padding: 16px var(--editor-root-padding);
    font-family: Arial, Helvetica, sans-serif;
}
._headerFooterEditorContainer_4y3m0_1._blurred_4y3m0_6:hover {
    background-color: var(--grey-100);
}
.editor-logo__img {
    height: 64px;
}
.editor-logo__img_editable {
    cursor: pointer;
}
._documentEditorContainer_1obrz_1 {
    position: relative;
}
._documentEditor_1obrz_1 {
    border: var(--div-border-primary);
    border-radius: 0 0 6px 6px;
    overflow: hidden;
}
@media screen and (width <= 800px) {
    ._documentEditor_1obrz_1 {
        border-radius: 0;
    }
}
._documentTopRadius_1obrz_18 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
.document-preview {
    width: 100%;
    max-width: 800px;
}
.document-preview__document {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.document-preview__document__error {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background: #fff;
    padding-bottom: 160px;
    border-top: var(--div-border-primary);
}
.document-preview__document__page {
    border: var(--div-border-primary);
    border-radius: 6px;
    background: #fff;
    width: 100%;
    overflow: hidden;
}
.document-preview__document__page canvas {
    width: 100%;
}
.document-preview__document__page .textLayer {
    z-index: 0;
}
.contract-activities {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contract-activities__list {
    padding: 16px 16px 0;
    background-color: #fff;
    border-radius: 6px;
    border: var(--div-border-primary);
}
.boxed-icon {
    background-color: var(--background-color, var(--primary-color));
    color: var(--color, white);
    border-radius: var(--border-radius, 6px);
    padding: var(--padding, 8px);
    width: fit-content;
    height: fit-content;
}
.boxed-icon_primary,
.boxed-icon_success {
    --background-color: var(--green-100);
    --color: var(--green-700);
}
.boxed-icon_orange {
    --background-color: var(--orange-100);
    --color: var(--orange-700);
}
.boxed-icon_golden {
    --background-color: var(--golden-100);
    --color: var(--golden-700);
}
.boxed-icon_black {
    --background-color: var(--text-400);
    --color: white;
}
.boxed-icon_grey {
    --background-color: var(--grey-200);
    --color: var(--text-400);
}
.boxed-icon_purple {
    --background-color: var(--purple-100);
    --color: var(--purple-700);
}
.boxed-icon_blue {
    --background-color: var(--blue-100);
    --color: var(--blue-700);
}
.boxed-icon_white {
    --background-color: white;
    --color: var(--text-300);
    box-shadow: 0 0 0 1px var(--grey-300) inset;
}
.boxed-icon_white:hover {
    background-color: var(--grey-100);
    transition: background-color 0.2s, border 0.2s;
}
.boxed-icon_12 {
    --padding: 6px;
    --border-radius: 4px;
}
.boxed-icon_16 {
    --padding: 4px;
    --border-radius: 4px;
}
.boxed-icon_20 {
    --padding: 6px;
    --border-radius: 6px;
}
.boxed-icon_24,
.boxed-icon_32 {
    --padding: 8px;
    --border-radius: 6px;
}
.boxed-icon_36,
.boxed-icon_40 {
    --padding: 12px;
    --border-radius: 8px;
}
.page-contract-track-email {
    background-color: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
    width: 100%;
    height: fit-content;
    padding: 16px 24px;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.page-contract-track-email__content {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.page-contract-track-email__content__title {
    line-height: 24px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-500);
}
.page-contract-track-email__content__description {
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-300);
}
.page-contract-track-email__content__footer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
}
.page-contract-track-email__content__footer__close {
    cursor: pointer;
    line-height: 20px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-400);
}
@media screen and (width <= 480px) {
    .page-contract-track-email__content__footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}
.page-contract-track-email__tooltip {
    width: 100%;
    height: fit-content;
    margin-top: 8px;
    background-color: var(--grey-200);
    border: var(--div-border-primary);
    color: var(--text-400);
    font-weight: 400;
}
.page-contract-track-email__tooltip__icon {
    width: 20px;
    height: 20px;
}
._comboboxList_19sm5_1 {
    overflow: auto;
    transition: height 0.1s ease;
}
._signatory_w03bc_1 ._suffix_w03bc_1 {
    display: none;
}
._signatory_w03bc_1:hover ._suffix_w03bc_1 {
    display: flex;
}
.thread-create {
    position: absolute;
    display: block;
    width: 360px;
    background-color: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    z-index: var(--z-index-portal);
    padding: 0 8px 8px;
}
.thread-create__form {
    border: 0;
}
.editor-ask-ai-button__popper {
    min-width: 300px;
    max-height: 30vh;
}
.editor-floating-toolbar {
    display: flex;
    z-index: var(--z-index-portal, 1);
    box-shadow: var(--box-shadow-large);
    border: 1px solid var(--grey-300);
    background-color: #fff;
    padding: 4px;
    align-items: center;
    border-radius: 6px;
}
._editorOverlay_bdfuf_1 {
    position: relative;
    width: 100%;
    height: 100%;
}
._editorOverlaySelection_bdfuf_7 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    pointer-events: none;
    z-index: 0;
}
._richTextEditor_1pu9d_1 {
    background-color: #fff;
    border-color: "";
    box-shadow: "";
}
._focused_1pu9d_7 {
    border-color: var(--grey-900) !important;
    box-shadow: 0 0 0 1px var(--grey-900) !important;
}
._comboboxContent_ws9op_1 {
    box-shadow: var(--shadow-m);
    border-radius: 6px;
    border: var(--div-border-primary);
    background-color: var(--white);
    max-width: var(--radix-popover-trigger-width);
    z-index: var(--z-index-portal);
}
._comboboxListRoot_ws9op_10 {
    max-height: min(var(--radix-popover-content-available-height), 484px);
    border-radius: 6px;
    overflow: hidden;
}
._comboboxList_ws9op_10 {
    overflow: auto;
    transition: height 0.1s ease;
}
.page-dynamic-components-clauses-jumbotron {
    display: flex;
    justify-content: center;
}
.page-dynamic-components-clauses-jumbotron__jumbotron {
    margin: 40px 24px;
}
.page-dynamic-components-clauses-jumbotron__jumbotron__illustration {
    margin: 20px;
}
.condition-drawer-update-modal__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px 24px;
}
.condition-type-field-button {
    display: flex;
    flex-direction: row;
    flex: 1;
    justify-content: center;
    padding: 12px 16px;
    gap: 8px;
    background: #fff;
    border: var(--div-border-primary);
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
    width: 100%;
    color: var(--text-400);
}
.condition-type-field-button__selected {
    background: var(--green-100);
    border: 1px solid var(--green-500);
    color: var(--green-700);
}
.condition-type-field-button__text {
    display: flex;
    flex-direction: column;
    flex: 1;
    text-align: start;
}
.condition-type-field-button:disabled {
    opacity: 0.6;
    pointer-events: none;
    cursor: not-allowed;
}
.condition-type-field-button:hover:not(.condition-type-field-button__disabled) {
    border: 1px solid var(--green-500);
    box-shadow: 0 0 3px 4px #27a90733;
}
.condition-type-field-button:focus:not(.condition-type-field-button__disabled) {
    border: 1px solid var(--green-500);
    outline: none;
}
.condition-type-field-button:focus-visible:not(.condition-type-field-button__disabled) {
    border: 1px solid var(--green-500);
    box-shadow: 0 0 3px 4px #27a90733;
}
.condition-type-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.condition-type-field__buttons {
    display: flex;
    gap: 16px;
}
.condition-drawer {
    display: flex;
    flex-direction: column;
    padding: 16px 24px;
    gap: 16px;
}
.flash-message {
    position: fixed;
    display: flex;
    bottom: 50px;
    right: 0;
    margin-bottom: 16px;
    margin-right: 16px;
    padding: 12px 16px 12px 8px;
    text-align: left;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    border-radius: 6px;
    box-shadow: var(--box-shadow);
    background-color: #fff;
    color: var(--text-400);
    border: var(--div-border-primary);
    border-left: 4px solid transparent;
    z-index: 2000;
}
.flash-message__label {
    margin-left: 12px;
}
.flash-message_error {
    border-left: 4px solid var(--red-500);
}
.flash-message_error .flash-message__icon {
    color: var(--red-500);
}
.flash-message_success {
    border-left: 4px solid var(--green-500);
}
.flash-message_success .flash-message__icon {
    color: var(--green-500);
}
.flash-message_warning {
    border-left: 4px solid var(--orange-500);
}
.flash-message_warning .flash-message__icon {
    color: var(--orange-500);
}
@keyframes cssAnimation {
    0% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}
.page-contract-powered-by-tomorro {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: var(--text-300);
    display: inline-flex;
    align-items: center;
    white-space: break-spaces;
}
.integration-view-modal {
    width: 80%;
    position: relative;
    outline: none;
    margin: auto;
}
.integration-view-modal__close {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: var(--z-index-portal, 1);
}
.view-modal {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: var(--z-index-portal, 1) !important;
}
.calendly-meeting {
    margin-left: -24px;
    margin-right: -24px;
    height: 100%;
}
.calendly-meeting iframe {
    border: none;
    width: 100%;
    height: 100%;
}
.feature-block {
    display: flex;
    margin: -24px -24px 0;
    background-color: var(--grey-100);
    border-bottom: var(--div-border-primary);
    padding: 12px 24px;
}
.feature-block > :first-child {
    margin-right: 12px;
}
.feature-block__content {
    align-items: center;
}
.feature-block__content__title {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--text-500);
}
.feature-block__content__description {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: var(--text-400);
}
.upgrade-top-banner {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--purple-700);
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    transition: background-color 0.2s;
}
.upgrade-top-banner__label {
    margin-right: 12px;
    font-size: 14px;
    font-weight: 400;
}
.search-modal-preview-footer {
    display: flex;
    background-color: #fff;
    padding: 12px 24px;
    border-top: var(--div-border-primary);
}
.search-modal-preview-footer__link {
    width: 100%;
}
.search-modal-preview-header {
    display: flex;
    justify-content: space-between;
    padding: 24px 24px 16px;
    border-bottom: 1px solid var(--grey-200);
}
.search-modal-preview-header__title {
    font-size: 18px;
    line-height: 32px;
    font-weight: 500;
    color: var(--text-500);
}
.search-modal-preview-container {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: var(--preview-width);
}
._searchModal_1y4yw_1 {
    z-index: var(--z-index-portal, 1);
    overflow: hidden;
    background-color: var(--white);
    box-shadow: var(--shadow-m);
    animation: _contentShow_1y4yw_1 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
._searchModal_1y4yw_1:focus {
    outline: none;
}
@keyframes _contentShow_1y4yw_1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.navigation-views-side {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    box-sizing: border-box;
    height: 32px;
    padding: 0 20px;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-400);
    cursor: pointer;
}
.navigation-views-side__icon {
    fill: var(--text-400);
}
.navigation-views-side__label {
    padding-left: 8px;
}
.navigation-views-side__toggle {
    transition: transform 0.2s ease-in-out;
}
.navigation-views-side__toggle_open {
    transform: rotate(180deg);
}
.navigation-views-side__spacer {
    flex-grow: 1;
}
.navigation-views-side__children__item {
    padding-left: 36px;
    font-weight: 400;
}
.navigation-views-side:hover,
.navigation-views-side.selected {
    background-color: var(--grey-200);
}
.menu-content-workspace__section {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px 0;
    line-height: 24px;
}
.menu-content-workspace__section__title {
    font-size: 10px;
    color: var(--text-300);
    font-weight: 700;
    text-transform: uppercase;
}
.menu-content-workspace__section__button:hover {
    background-color: #fff !important;
}
.menu-footer-account {
    height: 32px;
    display: flex;
    align-items: center;
    font-family: var(--font-family-primary);
    cursor: pointer;
    transition: background-color 0.2s;
    margin: 0 20px;
}
.menu-footer-account__name {
    margin-left: 8px;
    font-weight: 500;
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 108px;
}
.menu-footer-account__toggle {
    fill: var(--text-400);
}
.menu-footer-account__section {
    border-bottom: var(--div-border-primary);
    margin-bottom: 8px;
    padding-bottom: 8px;
}
.menu-footer-account__section__item {
    font-weight: 500 !important;
}
.menu-footer-account__section__icon {
    fill: var(--text-400);
    margin-right: 8px;
    margin-top: -2px;
}
._menuFooterHelp_zfngd_1 {
    transition: background-color 0.15s ease-in-out;
}
._menuFooterHelp_zfngd_1:hover {
    background-color: var(--grey-200);
}
.menu-header-headway,
.menu-header-headway .HW_badge_cont {
    width: 16px;
}
.menu-header-headway .HW_badge {
    left: 0;
    line-height: 17px;
    background: var(--red-500) !important;
}
@media screen and (width <= 800px) {
    .HW_frame_cont {
        display: none;
    }
    .HW_frame_cont.HW_visible {
        display: block;
    }
}
._child_fuau1_1 {
    border-bottom: var(--div-border-primary);
}
._child_fuau1_1:last-child {
    border-bottom: none;
}
.time {
    color: var(--text-300);
    white-space: nowrap;
    line-height: 24px;
}
._popoverContent_5blm0_1 {
    transform-origin: var(--radix-popover-content-transform-origin);
    animation: _scaleIn_5blm0_1 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@keyframes _scaleIn_5blm0_1 {
    0% {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.menu-header-switch-organization {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.menu-header-switch-organization__name {
    padding-left: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-400);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100px;
}
.menu-header-switch-organization__toggle {
    fill: var(--text-400);
    margin-top: 2px;
}
.menu-header-switch-organization__settings {
    border-top: var(--div-border-primary);
    margin-top: 8px;
    padding-top: 8px;
}
.menu-header-switch-organization__settings__item {
    font-weight: 500 !important;
}
.menu-header-switch-organization__settings__icon {
    fill: var(--text-400);
    margin-right: 8px;
    margin-top: -2px;
}
.menu-header-switch-organization__settings__upgrade {
    margin-left: 4px;
}
.menu-header-switch-organization__item {
    display: flex;
    align-items: center;
    height: 40px !important;
    font-weight: 500 !important;
}
.menu-header-switch-organization__item__logo {
    margin-right: 12px;
}
.menu-header-switch-organization__item__name {
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: 24px;
}
.menu-header-switch-organization__item__check {
    margin-left: auto;
    fill: var(--green-500);
}
.menu-main {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.menu-main__top {
    padding-top: 8px;
    padding-bottom: 8px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.menu-main__top::-webkit-scrollbar {
    display: none;
}
.menu-main__content {
    margin-top: 8px;
    flex: 1;
    overflow-y: auto;
}
.menu-main__footer {
    width: 100%;
    padding-bottom: 8px;
}
.menu-settings {
    position: fixed;
    height: 100vh;
    left: 0;
    background-color: #fff;
    border-right: var(--div-border-primary);
    width: 240px;
}
.menu-settings_upgrade {
    margin-top: 40px;
    height: calc(100vh - 40px);
}
.menu-settings__content {
    position: relative;
    height: 100%;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.menu-settings__content::-webkit-scrollbar {
    display: none;
}
.menu-settings__content__top {
    height: 48px;
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-size: 16px;
    font-weight: 500;
    color: var(--text-400);
    cursor: pointer;
}
.menu-settings__content__top__icon {
    height: 24px;
    width: 24px;
    background-color: var(--blue-200);
    border-radius: 6px;
}
.menu-settings__content__section {
    margin-bottom: 16px;
}
.menu-settings__content__section__title {
    font-size: 10px;
    line-height: 20px;
    color: var(--text-300);
    font-weight: 700;
    padding: 0 20px;
}
.side-bar-menu-content {
    z-index: var(--z-index-portal);
    background-color: #fff;
    border-right: var(--div-border-primary);
    width: 240px;
    flex-shrink: 0;
    height: 100%;
}
@media screen and (width <= 800px) {
    .side-bar-menu-content {
        position: absolute;
        height: 100%;
    }
}
.side-bar-menu__portal {
    z-index: var(--z-index-portal);
    position: absolute;
    left: 0;
    top: 0;
    height: 100vh;
    transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1) 0ms;
}
.side-bar-menu__portal_hide {
    transform: translate(-240px);
}
.private-layout {
    height: 100%;
    display: flex;
    overflow: hidden;
    flex-direction: column;
}
.private-layout__page-layout {
    height: 100%;
    display: flex;
    overflow: hidden;
}
.private-layout__page-layout__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
}
.public-layout {
    height: 100%;
    display: flex;
    flex-flow: column;
}
:root {
    --white: #fff;
    --white-10: rgb(255 255 255 / 10%);
    --white-20: rgb(255 255 255 / 20%);
    --white-30: rgb(255 255 255 / 30%);
    --white-40: rgb(255 255 255 / 40%);
    --white-50: rgb(255 255 255 / 50%);
    --white-60: rgb(255 255 255 / 60%);
    --white-70: rgb(255 255 255 / 70%);
    --white-80: rgb(255 255 255 / 80%);
    --white-90: rgb(255 255 255 / 90%);
    --grey-100: #f7f8fa;
    --grey-200: #eff2f6;
    --grey-300: #dde1e7;
    --grey-400: #98a2b3;
    --grey-500: #667085;
    --grey-600: #475467;
    --grey-700: #344054;
    --grey-800: #1d2939;
    --grey-900: #101828;
    --blue-100: #d9f0ff;
    --blue-200: #bce5ff;
    --blue-300: #8ed5ff;
    --blue-400: #58b0ff;
    --blue-500: #2584f4;
    --blue-600: #1568e0;
    --blue-700: #1854b5;
    --blue-800: #19498f;
    --blue-900: #142e57;
    --green-100: #d8fec9;
    --green-200: #b3fd99;
    --green-300: #84f85e;
    --green-400: #67ef3e;
    --green-500: #27a907;
    --green-600: #20810a;
    --green-700: #1d650f;
    --green-800: #1b5611;
    --green-900: #083003;
    --orange-100: #ffecd3;
    --orange-200: #ffd5a5;
    --orange-300: #ffb76d;
    --orange-400: #ff812d;
    --orange-500: #f64f00;
    --orange-600: #cc3902;
    --orange-700: #a12d0b;
    --orange-800: #82270c;
    --orange-900: #461104;
    --red-100: #ffe1e5;
    --red-200: #ffc8d0;
    --red-300: #ff9baa;
    --red-400: #fb4b6d;
    --red-500: #f61c50;
    --red-600: #cf0137;
    --red-700: #ad0436;
    --red-800: #940736;
    --red-900: #530018;
    --fuchsia-100: #f4e7ff;
    --fuchsia-200: #ead2ff;
    --fuchsia-300: #dab0ff;
    --fuchsia-400: #be70ff;
    --fuchsia-500: #a33df6;
    --fuchsia-600: #8418d8;
    --fuchsia-700: #7019b0;
    --fuchsia-800: #5c168d;
    --fuchsia-900: #3f016a;
    --purple-100: #dde1ff;
    --purple-200: #c1c7ff;
    --purple-300: #c1c7ff;
    --purple-400: #8678ff;
    --purple-500: #5f3cf6;
    --purple-600: #4d29d9;
    --purple-700: #3e24af;
    --purple-800: #36258a;
    --purple-900: #221650;
    --golden-100: #fdf5c4;
    --golden-200: #fbe98d;
    --golden-300: #f9d54b;
    --golden-400: #f5be1a;
    --golden-500: #f1af0f;
    --golden-600: #c57f09;
    --golden-700: #9d5a0b;
    --golden-800: #6f3b14;
    --golden-900: #411d07;
    --dark-100: #f2f5eb;
    --dark-200: #d9deca;
    --dark-300: #b7bda5;
    --dark-400: #979c89;
    --dark-500: #7e8371;
    --dark-600: #6b6f60;
    --dark-700: #585b4e;
    --dark-800: #474a3f;
    --dark-900: #30322a;
    --black-10: rgb(0 0 0 / 10%);
    --black-20: rgb(0 0 0 / 20%);
    --black-30: rgb(0 0 0 / 30%);
    --black-40: rgb(0 0 0 / 40%);
    --black-50: rgb(0 0 0 / 50%);
    --black-60: rgb(0 0 0 / 60%);
    --black-70: rgb(0 0 0 / 70%);
    --black-80: rgb(0 0 0 / 80%);
    --black-90: rgb(0 0 0 / 90%);
    --black: #000;
    --text-primary: var(--grey-800);
    --text-secondary: var(--grey-700);
    --text-tertiary: var(--grey-500);
    --div-border-primary-color: var(--grey-300);
    --font-family-primary: "Aeonik", sans-serif;
    --shadow-s: 0px 1px 0px rgb(0 0 0 / 4%);
    --shadow-m: 0px 2px 4px rgb(0 0 0 / 4%);
    --shadow-l: 0px 4px 4px rgb(0 0 0 / 8%);
    --shadow-xl: 0px 4px 24px rgb(0 0 0 / 8%);
    --z-index-portal: 1;
    --z-index-sticky: 1;
    --text-100: var(--grey-400);
    --text-300: var(--grey-500);
    --text-400: var(--grey-700);
    --text-500: var(--grey-800);
    --secondary-color: var(--dark-500);
    --secondary-color-pair: var(--dark-900);
    --secondary-color-dual: var(--dark-100);
    --primary-color: var(--green-500);
    --primary-color-pair: var(--green-600);
    --primary-color-dual: var(--green-100);
    --box-shadow-small: 0 2px 4px -3px rgb(0 0 0 / 20%);
    --box-shadow-medium: rgb(0 0 0 / 8%) 0px 2px 4px;
    --box-shadow-large: rgb(0 0 0 / 6%) 0px 2px 12px, rgb(0 0 0 / 8%) 0px 2px 4px;
    --box-shadow-button: 0 1px 0px 0px rgb(0 0 0 / 4%);
    --box-shadow-toolbar: 0px 4px 16px 0px rgb(0 0 0 / 12%);
    --box-shadow: var(--box-shadow-small);
    --border-radius-large: 8px;
    --border-radius-small: 4px;
    --border-radius-primary: 6px;
    --border-radius-secondary: var(--border-radius-small);
    --attribute-member-color: var(--blue-700);
    --attribute-guest-color: var(--golden-700);
    --upgrade-color: #0d1012;
    --preview-width: 448px;
    --default-project-summary-width: 400px;
    --default-project-header-height: 53px;
    --editor-root-padding: 64px;
    --editor-max-width: 800px;
    --editor-padding: 24px 64px 48px 64px;
    --editor-max-width-without-padding: 670px;
    --navbar-height: 48px;
    --div-border-primary: 1px solid var(--grey-300);
    --background-secondary: var(--grey-100);
    --background-hover: var(--grey-200);
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Aeonik;
    src: url("../fonts/678fce37b451297d6c626dec_Aeonik.woff2") format("woff2");
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: Caveat;
    src: url("");
}
@font-face {
    font-family: Caveat;
    src: url("");
    font-weight: 700;
}
@font-face {
    font-family: Caveat;
    src: url("");
    font-weight: 600;
}
@font-face {
    font-family: Mexcellent3D;
    src: url("");
}
@font-face {
    font-family: PaulSignature;
    src: url("");
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Merriweather;
    src: url("");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Roboto;
    src: url("");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Nunito;
    src: url("");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: Work Sans;
    src: url("");
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: Assistant;
    src: url("");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: Assistant;
    src: url("");
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: Assistant;
    src: url("");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: Assistant;
    src: url("");
    font-weight: 300;
    font-style: normal;
}
html,
#root {
    height: 100%;
    font-size: 100%;
    color: var(--text-400);
}
@media screen {
    html,
    #root {
        overflow: hidden;
    }
}
#portal-root {
    font-family: var(--font-family-primary);
}
.HW_frame_cont {
    left: 12px !important;
    top: 64px !important;
}
body {
    height: 100%;
    overflow: auto;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    margin: 0;
    outline: none;
    padding: 0;
    word-break: break-word;
    background-color: #fff;
    font-family: var(--font-family-primary);
    font-size: 14px;
    font-weight: 400;
    color: var(--text-400);
    font-feature-settings: "clig" off, "liga" off;
}
button {
    font-family: var(--font-family-primary);
}
a {
    text-decoration: none;
    color: inherit;
}
div {
    box-sizing: border-box;
    background-clip: padding-box;
    vertical-align: baseline;
}
.link {
    font-weight: 500;
    text-decoration: underline;
    transition: background-color 0.2s;
    cursor: pointer;
}
.link:hover {
    color: var(--primary-color);
    transition: background-color 0.2s;
}
.capitalize:first-letter {
    text-transform: capitalize;
}
span.capitalize,
label.capitalize {
    display: inline-block;
}
.content {
    height: 100%;
    width: 100%;
}
input[type="date"]::-webkit-calendar-picker-indicator {
    color: transparent;
    background: none;
    z-index: 1;
    width: 0;
}
input:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
textarea {
    max-height: 100%;
    overflow-y: auto;
    box-sizing: border-box;
    outline: none;
    border: var(--div-border-primary);
    border-radius: 6px;
    background-color: #fff;
    padding: 3px 10px;
    width: 100%;
    resize: none;
    font-size: 14px;
    color: var(--text-400);
}
textarea::placeholder {
    color: var(--text-300);
    font-family: var(--font-family-primary);
}
svg {
    display: block;
    flex-shrink: 0;
}
.clickable {
    cursor: pointer;
}
.non-clickable {
    cursor: default;
}
.MuiTypography-root {
    font-family: var(--font-family-primary) !important;
    font-weight: 500;
}
.MuiPickersDay-current {
    color: var(--primary-color) !important;
    background-color: var(--blue-100) !important;
}
.MuiPickersDay-daySelected {
    background-color: var(--primary-color) !important;
    color: #fff !important;
}
.MuiButton-label {
    color: var(--red-500) !important;
    font-family: var(--font-family-primary) !important;
    text-transform: none !important;
}
.MuiButton-textPrimary {
    border: var(--div-border-primary) !important;
    font-size: 14px !important;
    line-height: 32px !important;
    height: 32px !important;
    padding: 0 12px !important;
    box-shadow: var(--box-shadow) !important;
    width: 100% !important;
}
.MuiButton-textPrimary:hover {
    background-color: var(--red-100) !important;
    border: 1px solid var(--red-200) !important;
}
.MuiListItem-button {
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    font-family: var(--font-family-primary) !important;
    height: 32px;
    width: 100%;
    font-size: 14px !important;
    color: var(--text-400) !important;
    background-color: #fff;
}
.MuiListItem-button__icon {
    margin-right: 8px;
}
.MuiListItem-button:first-letter {
    text-transform: capitalize;
}
.MuiListItem-button:hover {
    background-color: var(--grey-200);
}
.MuiListItem-root.Mui-selected {
    background-color: var(--grey-100) !important;
}
.MuiListItem-root.Mui-selected:hover {
    background-color: var(--grey-200) !important;
}
.MuiMenuItem-root {
    width: 100% !important;
    min-height: auto !important;
}
.menu-dot-icon {
    width: 100% !important;
    height: 100% !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background-color: transparent !important;
    padding: 0 !important;
    transition: background-color 0.2s;
}
.MuiPopover-paper {
    margin-top: 4px;
    border-radius: 6px !important;
    box-shadow: var(--box-shadow) !important;
    border: var(--div-border-primary);
}